@import "https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{min-height:100vh;font-family:Lato,sans-serif;font-weight:400}.container{max-width:500px;margin:0 auto}@media screen and (width<=528px){.container{padding-inline:20px}}header{text-transform:uppercase;font-family:Merriweather,sans-serif;font-size:16px;font-weight:400}header .inner{flex-direction:row;justify-content:flex-start;gap:20px;display:flex}header .inner .links{flex-direction:row;align-items:center;gap:8px;display:flex}header .inner .links a{line-height:0;text-decoration:none;display:flex}header .inner .links a:hover{color:#00f}header a{color:#000;text-decoration:none}header{padding-block:30px}.meta .inner{flex-direction:column;gap:16px;display:flex}.meta .inner .resume-link{color:#fff;background:#00f;border-radius:16px;width:fit-content;padding:4px 18px;font-size:16px;line-height:24px;text-decoration:none;display:inline-flex}.meta h1,.meta h2{font-family:Merriweather,sans-serif}.meta h1{font-size:38px;font-weight:400}.meta .h2{font-size:22px;font-weight:300}.meta .desc{letter-spacing:0;max-width:470px;font-size:16px;font-weight:300;line-height:22px}.projects{margin-top:60px}.projects h3{letter-spacing:3px;text-transform:uppercase;margin-bottom:24px;font-size:14px;font-weight:400}@media screen and (width<=528px){.projects h3{text-align:center}}.projects a{cursor:pointer;color:#000;text-decoration:none}.projects .list-wrap{flex-direction:column;gap:24px;display:flex}.projects .list-wrap li{align-items:center;gap:30px;display:flex}.projects .list-wrap li .content{vertical-align:middle;flex-direction:column;flex:1;gap:6px;padding:12px 0;display:flex}.projects .list-wrap li .image-wrap{border:1px solid #eee;border-radius:24px;height:100px;display:flex;overflow:hidden}.projects .list-wrap li .image-wrap img{width:100px;height:100px}.projects .list-wrap li{flex-direction:row;display:flex}.projects .list-wrap li .year{font-size:16px;font-weight:300}.projects .list-wrap li .meta{gap:12px;display:flex}.projects .list-wrap li .title{justify-content:space-between;align-items:center;gap:12px;display:flex}.projects .list-wrap li .description{font-size:16px;font-weight:300;line-height:24px}.projects .list-wrap li .title .text{font-family:Merriweather,sans-serif;font-size:20px;font-weight:400}.projects .list-wrap li .title .role{color:#615c5c;border:1px solid #dedede;border-radius:6px;margin-left:8px;padding:3px 11px;font-size:12px}@media screen and (width<=528px){.projects .list-wrap{padding-inline:10px}.projects .list-wrap li{gap:10px}.projects .list-wrap li .year{font-size:12px}.projects .list-wrap li .image-wrap{border-radius:12px;width:80px;height:80px}.projects .list-wrap li .image-wrap img{width:100%;height:auto}.projects .list-wrap li .description{font-size:14px}}