@font-face{font-family:Bricolage Grotesque;src:url(/assets/font/BricolageGrotesque-VariableFont.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Kalam;src:url(/assets/font/Kalam-Regular.woff2) format("woff2");font-weight:400;font-display:swap}:root{--font-main: "Bricolage Grotesque", sans-serif;--font-handwriting: "Kalam", cursive}:host{font-family:var(--font-main)}@keyframes rollRightAndFadeIn{0%{opacity:0;transform:translate(0) rotate(-360deg) scale(.3)}20%{opacity:.4;transform:translate(10px) rotate(-270deg) scale(.5)}40%{opacity:.7;transform:translate(20px) rotate(-180deg) scale(.7)}60%{opacity:.9;transform:translate(30px) rotate(-90deg) scale(.9)}70%{opacity:1;transform:translate(40px) rotate(-15deg) scale(1)}85%{opacity:1;transform:translate(52px) rotate(0) scale(1.02)}92%{opacity:1;transform:translate(49px) rotate(0) scale(.99)}to{opacity:1;transform:translate(50px) rotate(0) scale(1)}}section[id]{scroll-margin-top:120px}#about,#projects,#contact{scroll-margin-top:120px}#skills{scroll-margin-top:0}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}button{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;font-size:20px;font-weight:700;font-family:var(--font-main)}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}h1{font-size:128px;font-weight:700}h2{font-size:72px;font-weight:600}h3{font-size:54px;font-weight:500}p{font-size:20px;font-weight:400}span{font-size:16px;font-weight:400}.nav-link{font-size:32px;font-weight:700;font-family:var(--font-main)}.nav-lang{font-size:20px;font-weight:600;font-family:var(--font-main)}.hello-text{font-size:20px;font-weight:400;font-family:var(--font-main)}.frame-text{font-size:18px;font-weight:400;font-family:var(--font-handwriting)}@media (max-width: 768px){h1{font-size:128px;font-weight:700}h2{font-size:72px;font-weight:600}h3{font-size:54px;font-weight:500}p{font-size:16px;font-weight:400}span{font-size:14px;font-weight:400}.hello-text{font-size:18px}.frame-text{font-size:16px}button{font-size:18px}}@media (max-width: 480px){h1{font-size:64px;font-weight:700}h2{font-size:36px;font-weight:600}h3{font-size:27px;font-weight:500}p{font-size:14px;font-weight:400}span{font-size:12px;font-weight:400}.hello-text{font-size:16px}.frame-text{font-size:14px}button{font-size:16px}}@media (max-width: 1100px){.nav-link{font-size:18px}.nav-lang{font-size:16px}}