@import"https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Outfit:wght@100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}li,summary{list-style:none}*,*:before,*:after{box-sizing:border-box}body{line-height:1.2;-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;background-color:#0f3d2e}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}.container{width:1000px;margin:0 auto}.logo{font-family:Kaushan Script,cursive;color:#fff;display:flex;flex-direction:column;align-items:end}.logo h1{font-size:36px;font-weight:400;line-height:1}.logo h3{font-size:16px;font-weight:400;line-height:1}.header{position:sticky;top:0;background-color:#0f3d2e;border-bottom:1px solid #fff}.header .container{padding:24px 0;display:flex;align-items:center;justify-content:space-between}.nav{display:flex;align-items:center;gap:32px}.nav a{color:#fff;font-weight:300;letter-spacing:.5px}.nav a:hover{text-decoration:underline}.about{padding:128px 0}.about .container{display:flex;flex-direction:column;gap:16px;font-size:18px;color:#fff;font-weight:300;letter-spacing:.5px;line-height:1.5}.about .container h1{color:#d4af37}.skills{padding:128px 0}.skills .container{display:flex;flex-direction:column;gap:16px;font-size:18px;color:#fff;font-weight:300;letter-spacing:.5px;line-height:1.5}.skills .container h1{color:#d4af37}.grid{display:grid;grid-template-columns:repeat(3,1fr)}.projects{padding:128px 0}.projects .container{display:flex;flex-direction:column;gap:16px;font-size:18px;color:#fff;font-weight:300;letter-spacing:.5px}.projects .container h1,.projects .container a{color:#d4af37}.projects .grid{gap:32px}.project-box{display:flex;flex-direction:column;gap:4px}.project-links{display:flex;align-items:center;gap:8px}.project-links span{width:3px;height:3px;border-radius:50%;background-color:#d4af37}.project-links a{font-size:14px}.project-links a:hover{text-decoration:underline}.links{display:flex;gap:16px}.links a{color:#fff;font-size:20px;transition:all .3s}.links a:hover{color:#d4af37}.contact{padding:128px 0}.contact .container{display:flex;flex-direction:column;gap:16px;font-size:18px;color:#fff;font-weight:300;letter-spacing:.5px;line-height:1.5}.contact .container h1{color:#d4af37}.contact .grid{gap:32px}@media not (min-width:1100px){.container{width:100%;padding:0!important}.about,.contact,.projects,.skills{padding:64px 16px}.nav{display:none}.header{padding:16px}.logo h1{font-size:24px}.logo h3{display:none}.about,.skills{padding:32px 16px}:is(.about,.skills) h1{font-size:28px}:is(.about,.skills) p{font-size:14px}.grid{grid-template-columns:repeat(2,1fr)}.projects,.contact{padding:32px 16px}:is(.projects,.contact) h1{font-size:28px}:is(.projects,.contact) p{font-size:14px}.links a{font-size:14px}}@media not (min-width:550px){.grid{grid-template-columns:1fr;gap:16px}}