@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}*,html,body,div,input,textarea,select,span,a,button,table,tr,td,th,ul,ol,li,button{outline:none;outline-color:rgba(0,0,0,0);outline-width:0;outline-style:none;outline-offset:initial;font-family:var(--fo);margin:0;padding:0}a,a:focus,a:hover,a:active,a:visited{text-decoration:none}ul,ol,li{list-style:none;list-style-type:none}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48}.material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}:root{--open-sans: "Open Sans", sans-serif}body{font-family:var(--open-sans);overflow-x:hidden}:root{--bg-main: #111;--bg-box: #222;--main-padding: .5rem;--color-white: #fff;--color-yellow: #d1b200;--color-youtube: #ff0000;--color-telegram: #0088cc;--color-whatsapp: #25d366;--color-github: #4078c0;--color-cv: #c4b31b;--color-x: #1DA1F2;--color-xx: #ff1493;--color-xy: #00bfff;--color-xxy: #E41B17}html,body{background:var(--bg-main)}.main{min-height:100vh;background:var(--bg-main);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:var(--main-padding)}.main .img{-webkit-box-flex:0;-ms-flex:0 0 33.333%;flex:0 0 33.333%;max-width:33.333%;height:calc(100vh - var(--main-padding)*2);padding:var(--main-padding);position:relative;-webkit-perspective:360px;perspective:360px;overflow:hidden}.main .img span{position:absolute;width:50%;height:50%;z-index:100}.main .img span:nth-child(1){left:0;top:0}.main .img span:nth-child(1):hover~img{-webkit-transform:rotateY(-1deg) rotateX(1deg) translateZ(-5px);transform:rotateY(-1deg) rotateX(1deg) translateZ(-5px);opacity:.1}.main .img span:nth-child(2){right:0;top:0}.main .img span:nth-child(2):hover~img{-webkit-transform:rotateY(1deg) rotateX(1deg) translateZ(-5px);transform:rotateY(1deg) rotateX(1deg) translateZ(-5px);opacity:.1}.main .img span:nth-child(3){right:0;bottom:0}.main .img span:nth-child(3):hover~img{-webkit-transform:rotateY(1deg) rotateX(-1deg) translateZ(-5px);transform:rotateY(1deg) rotateX(-1deg) translateZ(-5px);opacity:.1}.main .img span:nth-child(4){left:0;bottom:0}.main .img span:nth-child(4):hover~img{-webkit-transform:rotateY(-1deg) rotateX(-1deg) translateZ(-5px);transform:rotateY(-1deg) rotateX(-1deg) translateZ(-5px);opacity:.1}.main .img span:nth-child(5){left:25%;top:25%}.main .img span:nth-child(5):hover~img{-webkit-transform:scale(0.4) rotateY(90deg);transform:scale(0.4) rotateY(90deg);opacity:.01}.main .img span:nth-child(5):hover~svg{-webkit-transform:translate(-50%, -50%) scale(1.5);transform:translate(-50%, -50%) scale(1.5)}.main .img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:.4s;transition:.4s;position:relative;z-index:5}.main .img svg{position:absolute;left:50%;top:50%;width:50%;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);z-index:2;pointer-events:none;-webkit-transition:.4s;transition:.4s}.main .profile{-webkit-box-flex:0;-ms-flex:0 0 33.333%;flex:0 0 33.333%;max-width:33.333%;padding:var(--main-padding)}.main .profile .about{display:grid;place-items:center;text-align:center;height:calc(50vh - var(--main-padding)*2)}.main .profile .about p{font-size:2vw;color:var(--color-white)}.main .profile .about h1{font-size:4vw;color:var(--color-white)}.main .profile .about .skills{position:relative}.main .profile .about .skills .ss{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.25rem;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:var(--color-yellow);overflow:hidden}.main .profile .about .skills .ss span{display:inline-block;-webkit-transform:translateY(-100%);transform:translateY(-100%)}@-webkit-keyframes on{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}2%,18%{-webkit-transform:translateY(0%);transform:translateY(0%)}20%,100%{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes on{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}2%,18%{-webkit-transform:translateY(0%);transform:translateY(0%)}20%,100%{-webkit-transform:translateY(100%);transform:translateY(100%)}}.main .profile .about .skills .ss:nth-child(1) span:nth-child(1){-webkit-animation:on ease-in-out 10s 50ms infinite;animation:on ease-in-out 10s 50ms infinite}.main .profile .about .skills .ss:nth-child(1) span:nth-child(2){-webkit-animation:on ease-in-out 10s 100ms infinite;animation:on ease-in-out 10s 100ms infinite}.main .profile .about .skills .ss:nth-child(1) span:nth-child(3){-webkit-animation:on ease-in-out 10s 150ms infinite;animation:on ease-in-out 10s 150ms infinite}.main .profile .about .skills .ss:nth-child(1) span:nth-child(4){-webkit-animation:on ease-in-out 10s 200ms infinite;animation:on ease-in-out 10s 200ms infinite}.main .profile .about .skills .ss:nth-child(1) span:nth-child(5){-webkit-animation:on ease-in-out 10s 250ms infinite;animation:on ease-in-out 10s 250ms infinite}.main .profile .about .skills .ss:nth-child(1) span:nth-child(6){-webkit-animation:on ease-in-out 10s 300ms infinite;animation:on ease-in-out 10s 300ms infinite}.main .profile .about .skills .ss:nth-child(1) span:nth-child(7){-webkit-animation:on ease-in-out 10s 350ms infinite;animation:on ease-in-out 10s 350ms infinite}.main .profile .about .skills .ss:nth-child(1) span:nth-child(8){-webkit-animation:on ease-in-out 10s 400ms infinite;animation:on ease-in-out 10s 400ms infinite}.main .profile .about .skills .ss:nth-child(2) span:nth-child(1){-webkit-animation:on ease-in-out 10s 1950ms infinite;animation:on ease-in-out 10s 1950ms infinite}.main .profile .about .skills .ss:nth-child(2) span:nth-child(2){-webkit-animation:on ease-in-out 10s 2000ms infinite;animation:on ease-in-out 10s 2000ms infinite}.main .profile .about .skills .ss:nth-child(2) span:nth-child(3){-webkit-animation:on ease-in-out 10s 2050ms infinite;animation:on ease-in-out 10s 2050ms infinite}.main .profile .about .skills .ss:nth-child(2) span:nth-child(4){-webkit-animation:on ease-in-out 10s 2100ms infinite;animation:on ease-in-out 10s 2100ms infinite}.main .profile .about .skills .ss:nth-child(2) span:nth-child(5){-webkit-animation:on ease-in-out 10s 2150ms infinite;animation:on ease-in-out 10s 2150ms infinite}.main .profile .about .skills .ss:nth-child(2) span:nth-child(6){-webkit-animation:on ease-in-out 10s 2200ms infinite;animation:on ease-in-out 10s 2200ms infinite}.main .profile .about .skills .ss:nth-child(2) span:nth-child(7){-webkit-animation:on ease-in-out 10s 2250ms infinite;animation:on ease-in-out 10s 2250ms infinite}.main .profile .about .skills .ss:nth-child(2) span:nth-child(8){-webkit-animation:on ease-in-out 10s 2300ms infinite;animation:on ease-in-out 10s 2300ms infinite}.main .profile .about .skills .ss:nth-child(3) span:nth-child(1){-webkit-animation:on ease-in-out 10s 3850ms infinite;animation:on ease-in-out 10s 3850ms infinite}.main .profile .about .skills .ss:nth-child(3) span:nth-child(2){-webkit-animation:on ease-in-out 10s 3900ms infinite;animation:on ease-in-out 10s 3900ms infinite}.main .profile .about .skills .ss:nth-child(3) span:nth-child(3){-webkit-animation:on ease-in-out 10s 3950ms infinite;animation:on ease-in-out 10s 3950ms infinite}.main .profile .about .skills .ss:nth-child(3) span:nth-child(4){-webkit-animation:on ease-in-out 10s 4000ms infinite;animation:on ease-in-out 10s 4000ms infinite}.main .profile .about .skills .ss:nth-child(3) span:nth-child(5){-webkit-animation:on ease-in-out 10s 4050ms infinite;animation:on ease-in-out 10s 4050ms infinite}.main .profile .about .skills .ss:nth-child(3) span:nth-child(6){-webkit-animation:on ease-in-out 10s 4100ms infinite;animation:on ease-in-out 10s 4100ms infinite}.main .profile .about .skills .ss:nth-child(3) span:nth-child(7){-webkit-animation:on ease-in-out 10s 4150ms infinite;animation:on ease-in-out 10s 4150ms infinite}.main .profile .about .skills .ss:nth-child(3) span:nth-child(8){-webkit-animation:on ease-in-out 10s 4200ms infinite;animation:on ease-in-out 10s 4200ms infinite}.main .profile .about .skills .ss:nth-child(3) span:nth-child(9){-webkit-animation:on ease-in-out 10s 4250ms infinite;animation:on ease-in-out 10s 4250ms infinite}.main .profile .about .skills .ss:nth-child(3) span:nth-child(10){-webkit-animation:on ease-in-out 10s 4300ms infinite;animation:on ease-in-out 10s 4300ms infinite}.main .profile .about .skills .ss:nth-child(4) span:nth-child(1){-webkit-animation:on ease-in-out 10s 5950ms infinite;animation:on ease-in-out 10s 5950ms infinite}.main .profile .about .skills .ss:nth-child(4) span:nth-child(2){-webkit-animation:on ease-in-out 10s 6000ms infinite;animation:on ease-in-out 10s 6000ms infinite}.main .profile .about .skills .ss:nth-child(4) span:nth-child(3){-webkit-animation:on ease-in-out 10s 6050ms infinite;animation:on ease-in-out 10s 6050ms infinite}.main .profile .about .skills .ss:nth-child(4) span:nth-child(4){-webkit-animation:on ease-in-out 10s 6100ms infinite;animation:on ease-in-out 10s 6100ms infinite}.main .profile .about .skills .ss:nth-child(4) span:nth-child(5){-webkit-animation:on ease-in-out 10s 6150ms infinite;animation:on ease-in-out 10s 6150ms infinite}.main .profile .about .skills .ss:nth-child(4) span:nth-child(6){-webkit-animation:on ease-in-out 10s 6200ms infinite;animation:on ease-in-out 10s 6200ms infinite}.main .profile .about .skills .ss:nth-child(4) span:nth-child(7){-webkit-animation:on ease-in-out 10s 6250ms infinite;animation:on ease-in-out 10s 6250ms infinite}.main .profile .about .skills .ss:nth-child(4) span:nth-child(8){-webkit-animation:on ease-in-out 10s 6300ms infinite;animation:on ease-in-out 10s 6300ms infinite}.main .profile .about .skills .ss:nth-child(4) span:nth-child(9){-webkit-animation:on ease-in-out 10s 6350ms infinite;animation:on ease-in-out 10s 6350ms infinite}.main .profile .about .skills .ss:nth-child(4) span:nth-child(10){-webkit-animation:on ease-in-out 10s 6400ms infinite;animation:on ease-in-out 10s 6400ms infinite}.main .profile .about .skills .ss:nth-child(5) span:nth-child(1){-webkit-animation:on ease-in-out 10s 8050ms infinite;animation:on ease-in-out 10s 8050ms infinite}.main .profile .about .skills .ss:nth-child(5) span:nth-child(2){-webkit-animation:on ease-in-out 10s 8100ms infinite;animation:on ease-in-out 10s 8100ms infinite}.main .profile .about .skills .ss:nth-child(5) span:nth-child(3){-webkit-animation:on ease-in-out 10s 8150ms infinite;animation:on ease-in-out 10s 8150ms infinite}.main .profile .about .skills .ss:nth-child(5) span:nth-child(4){-webkit-animation:on ease-in-out 10s 8200ms infinite;animation:on ease-in-out 10s 8200ms infinite}.main .profile .about .skills .ss:nth-child(5) span:nth-child(5){-webkit-animation:on ease-in-out 10s 8250ms infinite;animation:on ease-in-out 10s 8250ms infinite}.main .profile .about .skills .ss:nth-child(5) span:nth-child(6){-webkit-animation:on ease-in-out 10s 8300ms infinite;animation:on ease-in-out 10s 8300ms infinite}.main .profile .about .skills .ss:nth-child(5) span:nth-child(7){-webkit-animation:on ease-in-out 10s 8350ms infinite;animation:on ease-in-out 10s 8350ms infinite}.main .profile .about .skills .ss:nth-child(5) span:nth-child(8){-webkit-animation:on ease-in-out 10s 8400ms infinite;animation:on ease-in-out 10s 8400ms infinite}.main .profile .about .skills .ss:nth-child(5) span:nth-child(9){-webkit-animation:on ease-in-out 10s 8450ms infinite;animation:on ease-in-out 10s 8450ms infinite}.main .profile .about .skills .ss:nth-child(5) span:nth-child(10){-webkit-animation:on ease-in-out 10s 8500ms infinite;animation:on ease-in-out 10s 8500ms infinite}.main .profile .about .skills .ss:nth-child(5) span:nth-child(11){-webkit-animation:on ease-in-out 10s 8550ms infinite;animation:on ease-in-out 10s 8550ms infinite}.main .profile .about .skills .ss:nth-child(5) span:nth-child(12){-webkit-animation:on ease-in-out 10s 8600ms infinite;animation:on ease-in-out 10s 8600ms infinite}.main .profile .about .skills .ss:nth-child(5) span:nth-child(13){-webkit-animation:on ease-in-out 10s 8650ms infinite;animation:on ease-in-out 10s 8650ms infinite}.main .profile .contact{height:calc(50vh - var(--main-padding)*2)}.main .profile .contact label{font-size:4vw;display:block;display:grid;place-items:center;text-align:center;height:100%;cursor:pointer}.main .profile .contact label>span{position:relative;overflow:hidden}.main .profile .contact label span[data-text]{color:var(--color-white);display:inline-block;position:relative;-webkit-transition:.4s;transition:.4s}.main .profile .contact label span[data-text]:before{content:attr(data-text);position:absolute;color:var(--color-yellow);-webkit-transform:translateY(100%) translateX(-100%);transform:translateY(100%) translateX(-100%);-webkit-transition:.4s;transition:.4s}.main .profile .contact label span[data-text]+span{color:var(--color-yellow)}.main .profile .contact label span[data-text]+span:before{-webkit-transform:translateY(-100%) translateX(100%);transform:translateY(-100%) translateX(100%);color:var(--color-white)}.main .profile .contact label:hover span[data-text]{-webkit-transform:translateY(-100%) translateX(100%);transform:translateY(-100%) translateX(100%)}.main .profile .contact label:hover span[data-text]+span{-webkit-transform:translateY(100%) translateX(-100%);transform:translateY(100%) translateX(-100%)}.main .who-i-am{-webkit-box-flex:0;-ms-flex:0 0 33.333%;flex:0 0 33.333%;max-width:33.333%;padding:var(--main-padding);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main .who-i-am label{display:grid;place-items:center;height:calc(50vh - var(--main-padding)*3);background:var(--bg-box);font-size:3vw;cursor:pointer}.main .who-i-am label>span{position:relative;overflow:hidden}.main .who-i-am label span[data-text]{color:var(--color-white);display:inline-block;position:relative;-webkit-transition:.4s;transition:.4s}.main .who-i-am label span[data-text]:before{content:attr(data-text);position:absolute;color:var(--color-yellow);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:.4s;transition:.4s}.main .who-i-am label span[data-text]+span{color:var(--color-yellow)}.main .who-i-am label span[data-text]+span:before{-webkit-transform:translateY(-100%);transform:translateY(-100%);color:var(--color-white)}.main .who-i-am label:hover span[data-text]{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.main .who-i-am label:hover span[data-text]+span{-webkit-transform:translateY(100%);transform:translateY(100%)}.section-general{-webkit-perspective:1000px;perspective:1000px;position:fixed;width:100vw;height:100vh;left:0;top:0;pointer-events:none}.section-general .section{position:fixed;background:var(--bg-box);padding:calc(var(--main-padding)*2);border-radius:calc(var(--main-padding)*5);width:calc(100vw - 4rem);height:calc(100vh - 4rem);left:2rem;top:2rem;opacity:0;pointer-events:none;-webkit-transition:.4s;transition:.4s;z-index:53;-webkit-transform:rotateX(53deg) rotateY(20deg) translateZ(-53px);transform:rotateX(53deg) rotateY(20deg) translateZ(-53px);text-align:center}.section-general .section .logo{width:100px;padding:var(--main-padding)}.section-general .section .logo svg{display:block;max-width:100%}.section-general .section label{display:block;padding:var(--main-padding);position:absolute;right:1rem;top:1rem;cursor:pointer;color:var(--color-white)}.section-general .section label .material-symbols-outlined{font-size:4rem}.section-general .section-contact{overflow-y:auto;overflow-x:hidden}.section-general .section-contact ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:calc(100vh - 12rem)}.section-general .section-contact ul li{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;display:grid;place-items:center}.section-general .section-contact ul li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:calc(var(--main-padding)*5);font-size:4vw;color:var(--color-white);-webkit-transition:.4s;transition:.4s;font-weight:700}.section-general .section-contact ul li a span{display:block;position:relative;-webkit-transition:.4s;transition:.4s;text-shadow:0 0 40px rgba(0,0,0,0)}.section-general .section-contact ul li a span.material-symbols-outlined,.section-general .section-contact ul li a span.material-symbols-rounded{font-size:6vw;padding-right:1rem}.section-general .section-contact ul li a span svg{display:block;max-width:100%}.section-general .section-contact ul li a span:before{content:attr(data-text);position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);mix-blend-mode:difference;-webkit-filter:blur(4px);filter:blur(4px);opacity:0;-webkit-transition:.4s;transition:.4s}.section-general .section-contact ul li a:hover span:before{opacity:1}.section-general .section-contact ul li:nth-child(1) a{color:var(--color-youtube)}.section-general .section-contact ul li:nth-child(1) a:hover span{text-shadow:0 0 40px var(--color-youtube)}.section-general .section-contact ul li:nth-child(2) a{color:var(--color-white)}.section-general .section-contact ul li:nth-child(2) a:hover span{text-shadow:0 0 40px var(--color-white)}.section-general .section-contact ul li:nth-child(3) a{color:var(--color-telegram)}.section-general .section-contact ul li:nth-child(3) a:hover span{text-shadow:0 0 40px var(--color-telegram)}.section-general .section-contact ul li:nth-child(4) a{color:var(--color-whatsapp)}.section-general .section-contact ul li:nth-child(4) a:hover span{text-shadow:0 0 40px var(--color-whatsapp)}.section-general .section-contact-label{position:fixed;left:0;top:0;right:0;bottom:0;background:var(--bg-main);opacity:0;pointer-events:none;-webkit-transition:.4s;transition:.4s}.section-general .section-who-i-am{overflow-y:auto;overflow-x:hidden}.section-general .section-who-i-am h1{font-size:3vw;color:var(--color-yellow);margin-bottom:calc(var(--main-padding)*2)}.section-general .section-who-i-am h1 span{font-size:4vw;color:var(--color-white)}.section-general .section-who-i-am p{font-size:1.5rem;line-height:1.5;font-weight:300;color:var(--color-white);width:100%;max-width:920px;margin:0 auto 2rem}.section-general .section-who-i-am p span{position:relative;display:inline-block}.section-general .section-who-i-am p span.xx{color:var(--color-xx)}.section-general .section-who-i-am p span.xy{color:var(--color-xy)}.section-general .section-who-i-am p span.xxy{color:var(--color-xxy)}.section-general .section-who-i-am p span.xxy .material-symbols-rounded{color:var(--color-xxy)}.section-general .section-who-i-am p span.xx:before,.section-general .section-who-i-am p span.xy:before,.section-general .section-who-i-am p span.xxy:before{content:attr(data-text);position:absolute;bottom:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:var(--bg-main);color:var(--color-white);opacity:0;-webkit-transition:.4s;transition:.4s;white-space:nowrap;padding:var(--main-padding) calc(var(--main-padding)*2)}.section-general .section-who-i-am p span.xx:hover:before,.section-general .section-who-i-am p span.xy:hover:before,.section-general .section-who-i-am p span.xxy:hover:before{opacity:1}.section-general .section-who-i-am p span.yt{position:relative}.section-general .section-who-i-am p span.yt:before,.section-general .section-who-i-am p span.yt:after{display:block;content:attr(data-glitch);text-transform:uppercase;position:absolute;top:0;left:0;height:100%;width:100%;opacity:.8}.section-general .section-who-i-am p span.yt:after{color:aqua;z-index:-2;-webkit-animation:glitch 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;animation:glitch 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite}.section-general .section-who-i-am p span.yt:before{color:red;z-index:-1;-webkit-animation:glitch 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;animation:glitch 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite}@-webkit-keyframes glitch{0%{-webkit-transform:translate(0);transform:translate(0)}10%{-webkit-transform:translate(-2px, 2px);transform:translate(-2px, 2px)}15%{-webkit-transform:translate(-2px, -2px);transform:translate(-2px, -2px)}20%{-webkit-transform:translate(2px, 2px);transform:translate(2px, 2px)}25%{-webkit-transform:translate(2px, -2px);transform:translate(2px, -2px)}35%{-webkit-transform:translate(0);transform:translate(0)}100%{-webkit-transform:translate(0);transform:translate(0)}}@keyframes glitch{0%{-webkit-transform:translate(0);transform:translate(0)}10%{-webkit-transform:translate(-2px, 2px);transform:translate(-2px, 2px)}15%{-webkit-transform:translate(-2px, -2px);transform:translate(-2px, -2px)}20%{-webkit-transform:translate(2px, 2px);transform:translate(2px, 2px)}25%{-webkit-transform:translate(2px, -2px);transform:translate(2px, -2px)}35%{-webkit-transform:translate(0);transform:translate(0)}100%{-webkit-transform:translate(0);transform:translate(0)}}.section-general .section-who-i-am-label{position:fixed;left:0;top:0;right:0;bottom:0;background:var(--bg-main);opacity:0;pointer-events:none;-webkit-transition:.4s;transition:.4s}.section-general .section-portfolio{display:grid;place-items:center;overflow-y:auto;overflow-x:hidden}.section-general .section-portfolio h1{font-size:3vw;color:var(--color-yellow);margin-bottom:calc(var(--main-padding)*2)}.section-general .section-portfolio h1 span{font-size:4vw;color:var(--color-white)}.section-general .section-portfolio nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.section-general .section-portfolio nav a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:3vw;padding:2rem}.section-general .section-portfolio nav a span{display:block}.section-general .section-portfolio nav a span.material-symbols-rounded,.section-general .section-portfolio nav a span.material-symbols-outlined{font-size:5vw}.section-general .section-portfolio nav a.github{color:var(--color-github)}.section-general .section-portfolio nav a.youtube{color:var(--color-youtube)}.section-general .section-portfolio nav a.resume{color:var(--color-cv)}.section-general .section-portfolio nav a.linked{color:var(--color-x)}.section-general .section-portfolio-label{position:fixed;left:0;top:0;right:0;bottom:0;background:var(--bg-main);opacity:0;pointer-events:none;-webkit-transition:.4s;transition:.4s}.im-input{display:block;width:0;height:0;opacity:0;pointer-events:none;position:absolute}.im-input#contact:checked~.section-general{pointer-events:all}.im-input#contact:checked~.section-general .section-contact{opacity:1;pointer-events:all;-webkit-transform:rotateX(0deg) rotateY(0deg) translateZ(0);transform:rotateX(0deg) rotateY(0deg) translateZ(0)}.im-input#contact:checked~.section-general .section-contact-label{opacity:.9;pointer-events:all}.im-input#who-i-am:checked~.section-general{pointer-events:all}.im-input#who-i-am:checked~.section-general .section-who-i-am{opacity:1;pointer-events:all;-webkit-transform:rotateX(0deg) rotateY(0deg) translateZ(0);transform:rotateX(0deg) rotateY(0deg) translateZ(0)}.im-input#who-i-am:checked~.section-general .section-who-i-am-label{opacity:.9;pointer-events:all}.im-input#portfolio:checked~.section-general{pointer-events:all}.im-input#portfolio:checked~.section-general .section-portfolio{opacity:1;pointer-events:all;-webkit-transform:rotateX(0deg) rotateY(0deg) translateZ(0);transform:rotateX(0deg) rotateY(0deg) translateZ(0)}.im-input#portfolio:checked~.section-general .section-portfolio-label{opacity:.9;pointer-events:all}@media(max-width: 992px){.main .img{position:absolute;width:70px;height:60px}.main .img img{display:none}.main .profile{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;position:relative;z-index:2}.main .profile .about p{font-size:2.5vw}.main .profile .about h1{font-size:5vw}.main .profile .contact label{font-size:5vw}.main .who-i-am{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.main .who-i-am label{font-size:4vw}.section-general{z-index:53}.section-general .section-who-i-am p{font-size:1.25rem;line-height:1.75}}@media(max-width: 680px){.main{min-height:50vh}.main .profile,.main .who-i-am{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.main .profile .about,.main .who-i-am .about{height:auto;padding:4rem 1rem}.main .profile .about p,.main .who-i-am .about p{font-size:6vw}.main .profile .about h1,.main .who-i-am .about h1{font-size:10vw;line-height:1.5}.main .profile .contact,.main .who-i-am .contact{height:auto;padding:4rem 1rem}.main .profile .contact label,.main .who-i-am .contact label{font-size:9vw}.main .who-i-am label{height:auto;padding:4rem 1rem;margin-bottom:1rem;font-size:8vw}.section-general .section .logo{width:50px}.section-general .section label .material-symbols-outlined{font-size:2rem}.section-general .section-contact ul li{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.section-general .section-contact ul li a{font-size:9vw}.section-general .section-contact ul li a span.material-symbols-outlined,.section-general .section-contact ul li a span.material-symbols-rounded{font-size:10vw}.section-general .section-who-i-am h1{font-size:1.5rem}.section-general .section-who-i-am h1 span{font-size:2rem}.section-general .section-who-i-am p{line-height:1.5}.section-general .section-portfolio h1{font-size:6vw}.section-general .section-portfolio nav a{font-size:9vw}.section-general .section-portfolio nav a span.material-symbols-rounded,.section-general .section-portfolio nav a span.material-symbols-outlined{font-size:13vw}}@media(max-width: 360px){.section-general .section-who-i-am p{font-size:1rem}}/*# sourceMappingURL=global.css.map */