*,:after,:before{box-sizing:border-box}*{margin:0}body,html{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#__next,#root{isolation:isolate}.section{padding:10%}.section__title{font-size:2.5rem}@media only screen and (max-width:768px){.section__title{font-size:2rem}}.section__description{font-size:1.25rem;margin-top:8px}@media only screen and (max-width:768px){.section__description{font-size:1rem}}.section.hero{align-content:center;color:#b4b4b4;display:grid;grid-template-columns:2fr 1fr;min-height:80vh;overflow:hidden;position:relative}@media only screen and (max-width:768px){.section.hero{grid-template-columns:1fr;min-height:100vh}}.section.hero:after{animation:animate 8s linear infinite;background:url(/languages.webp);background-size:15rem;content:"";height:191.31vw;opacity:.18;position:absolute;right:0;top:50%;transform:translateY(-50%);width:35vw}@media only screen and (max-width:768px){.section.hero:after{height:100vh;top:0;transform:none;width:100%}}@keyframes animate{0%{background-position:0 0}to{background-position:0 320px}}.section.hero:before{background:linear-gradient(180deg,transparent 50%,#000);bottom:0;content:"";height:100%;position:absolute;right:0;width:40vw;z-index:2}@media only screen and (max-width:768px){.section.hero:before{height:100vh;top:0;transform:none;width:100%}}.section.hero .hero__title{color:#fff;font-size:4rem}@media only screen and (max-width:768px){.section.hero .hero__title{font-size:3rem}.section.hero .hero__description{font-size:1.75rem}}.section.hero .hero__sub{font-size:2rem;font-weight:600}@media only screen and (max-width:768px){.section.hero .hero__sub{font-size:1.75rem}}.section.me{align-content:center;display:grid;grid-template-columns:1fr;min-height:80vh;overflow:hidden;position:relative}.section.me .content{align-items:center;display:flex;flex-direction:row;width:70%}@media only screen and (max-width:768px){.section.me .content{flex-direction:column}}@media only screen and (max-width:1600px){.section.me .content{width:100%}}.section.me .me__image{animation-direction:alternate;animation-duration:1ms;animation-name:invertImage;height:250px;margin-right:50px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:40%;animation-timeline:scroll(root)}@media only screen and (max-width:768px){.section.me .me__image{margin-bottom:20px;margin-right:unset;width:100%}}@keyframes invertImage{0%{filter:invert(0)}to{filter:invert(100%)}}.social__container{align-items:center;bottom:0;display:flex;flex-direction:column;gap:32px;left:0;position:fixed;width:64px;z-index:100}@media only screen and (max-width:768px){.social__container{bottom:unset;flex-direction:row-reverse;left:unset;margin:48px;position:absolute;right:0;top:0;width:300px}}.social__element{height:25px;width:25px}.social__logo{color:#fff;height:100%;transition:all .2s;width:100%}.social__logo :active,.social__logo:hover{filter:drop-shadow(0 0 5px white)}.social__bar{background:#fff;border-radius:1rem;height:10rem;width:4px}@media only screen and (max-width:768px){.social__bar{display:none}}.items-grid__container{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:24px 0}@media only screen and (max-width:768px){.items-grid__container{grid-template-columns:repeat(1,1fr)}}.items-grid__item{background-color:#d3d3d3;width:100%}.items-grid__img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.footer{display:flex;flex-direction:row;justify-content:center;padding:10px}.footer__copyright{font-size:1rem}@media only screen and (max-width:768px){.footer__copyright{font-size:.75rem}}body{background-color:#000;color:#fff;font-family:Montserrat,sans-serif}
