:root{--background-color: #fff;--btn-color: #0987f2;--btn-text-color: #fff;--project-card-bg: #ffffff00;--text-color: #222;--form-text-color: #555;--footer-text-color: #888}[data-theme=dark]{--background-color: #222;--btn-color: #fff;--btn-text-color: #222;--project-card-bg: #fff;--text-color: #fff;--form-text-color: #fff;--footer-text-color: #bbb}body{background-color:var(--background-color);display:flex;justify-content:center;margin:0 auto 60px}#root{display:flex;flex-direction:column;gap:50px}h1,h2,h3,p{color:var(--text-color);margin:0;padding:0}h2,h3,p{font-family:Roboto Mono,monospace}h1,h2{text-transform:uppercase}h2,h3{font-size:20px}h1{font-family:Rubik,sans-serif;font-size:32px}p{font-size:16px;font-weight:300}.sectionTitle{margin-bottom:30px}.hover{cursor:pointer}@media (width >= 800px){#root{gap:100px}h1{font-size:40px}h2,h3{font-size:24px}p{font-size:20px}.sectionTitle{margin-bottom:60px}@media (width >= 1400px){#root{gap:200px}h1{font-size:48px}.sectionTitle{margin-bottom:75px}}}body{padding-top:80px}.header{position:fixed;height:90px;width:100%;top:0;left:0;z-index:1000;transition:.3s ease-in;background-color:#000000e6;margin:0;font:700 14px/1.4 Open Sans,arial,sans-serif;gap:1.5rem}.header .navbar{display:flex;justify-content:space-between;align-items:center;max-width:1240px;margin:auto;height:100%;padding:0 1rem}.header .navbar img{width:250px;height:auto;margin-top:15px}.header .nav-menu{display:flex;list-style:none;margin:0;padding:0}.header .nav-item{padding:1rem;font-weight:500;font-size:1.2rem}.header .nav-item a{color:#fff;text-decoration:none;cursor:pointer}.header .nav-item a:hover{padding-bottom:12px;border-bottom:3px solid var(--secondary-color)}.header .nav-item.theme-toggle img{width:25px;cursor:pointer}.hamburger{display:none;padding:10px;cursor:pointer;background:none;border:none;color:#fff}a{color:#fff;text-transform:uppercase;text-decoration:none;letter-spacing:.15em;display:inline-block;padding:15px 20px;position:relative}a:after{background:none repeat scroll 0 0 transparent;bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;background:red;transition:width .3s ease 0s,left .3s ease 0s;width:0}a:hover:after{width:100%;left:0}@media screen and (max-width: 950px){body{padding-top:70px}.header{height:70px}.header .navbar{flex-direction:column;align-items:center}.hamburger{display:block;font-size:1.5rem}.nav-menu{position:absolute;top:70px;left:-100%;flex-direction:column;background-color:#000000e6;width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px #0000000d;gap:1rem}.nav-menu.active{left:0;top:70px}.nav-item{margin:1rem 0}.header .navbar img{width:150px;gap:1rem}.header .nav-item{font-size:1rem}a:after{height:3px}a:hover:after,a:active:after{width:100%;left:0}.navbar h4{margin:0;text-align:center}}@media screen and (max-width: 400px){.header .navbar img{width:120px;margin-top:5px}}._container_iy0rk_1{display:flex;flex-direction:column;justify-content:center;gap:20px;text-align:center;height:100vh;min-height:50px}._hero_iy0rk_11{max-width:200px}span{display:flex;gap:25px;justify-content:center}span a{margin:0}span a img{width:30px}a{width:fit-content;align-self:center}._button_iy0rk_34{background-color:var(--btn-color);color:var(--btn-text-color);border:none;border-radius:20px;width:126px;height:50px;font-size:20px;font-weight:700;box-shadow:0 4px 4px #00000040;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out}._button_iy0rk_34:hover{transform:scale(1.05)}._button_iy0rk_34:active{transform:translateY(2px);box-shadow:0 2px 2px #00000040}._colorModeContainer_iy0rk_56{position:relative}._description_iy0rk_60{max-width:24ch}._info_iy0rk_64{display:flex;flex-direction:column;gap:5px}._typeAnimation_iy0rk_70{font-size:1.5rem;font-weight:700;font-family:Roboto Mono,monospace}@media (min-width: 1000px){._container_iy0rk_1{flex-direction:row-reverse;align-items:center;justify-content:space-evenly}._hero_iy0rk_11{max-width:350px;width:350px}._description_iy0rk_60{padding-left:10px}}@media (min-width: 800px) and (max-width: 999px){._container_iy0rk_1{flex-direction:row-reverse;align-items:center;justify-content:space-evenly}._hero_iy0rk_11{max-width:350px;width:350px}._description_iy0rk_60{padding-left:10px}}@media (max-width: 800px) and (min-width: 300px){._description_iy0rk_60{padding-left:60px;text-align:center}}._container_cvqha_1{display:flex;flex-direction:column;text-align:center}._container_cvqha_1 img{max-width:250px;align-self:center;background-color:var(--project-card-bg);border-radius:20px}._container_cvqha_1 a{width:fit-content;text-decoration:none;color:#222;transition:transform .2s ease-in-out}._container_cvqha_1 a:hover{transform:scale(1.05)}._projectsContainer_cvqha_25{display:flex;flex-direction:column;align-items:center;gap:30px}@media (min-width: 800px){._projectsContainer_cvqha_25{flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;padding:0 30px}}._container_g3w68_1{display:flex;flex-direction:column;text-align:center}._container_g3w68_1 span{display:flex;align-items:center;gap:5px}._container_g3w68_1 img{width:30px}._skillList_g3w68_17{display:flex;justify-content:space-evenly;align-self:center;flex-wrap:wrap;row-gap:40px;max-width:26ch}hr{width:100px;height:1px;border:none;background-color:var(--text-color);margin:30px auto}@media (min-width: 800px){._skillList_g3w68_17{max-width:fit-content;gap:30px}._skillList_g3w68_17 p{font-size:20px}hr{width:300px}}._container_1a4at_1{display:flex;flex-direction:column;text-align:center}form{display:flex;flex-direction:column;gap:30px}textarea,input:not([type=submit]){height:50px;padding-left:16px;width:250px}textarea{padding-top:16px;resize:none;height:250px}input,textarea{border-radius:20px;border:#888 1px solid;box-sizing:border-box;justify-self:center;background-color:var(--background-color);color:var(--form-text-color)}::placeholder{color:var(--form-text-color)}input[type=submit]{background-color:var(--btn-color);color:var(--btn-text-color);border:none;border-radius:20px;width:126px;height:50px;font-size:20px;font-weight:700;box-shadow:0 4px 4px #00000040;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out;margin:auto}input[type=submit]:hover{transform:scale(1.05)}input[type=submit]:active{transform:translateY(2px);box-shadow:0 2px 2px #00000040}@media (width >= 800px){textarea,input:not([type=submit]){width:600px;font-size:20px}form{gap:40px}}@media (width >= 1400px){textarea,input:not([type=submit]){width:800px}}._container_uite4_1{text-align:center}._container_uite4_1 p{font-size:16px;color:var(--footer-text-color)}.loading-animation{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:var(--background-color);z-index:9999}.container{position:relative;height:100px;width:86px;transform:scale(.5)}.cube{position:absolute;width:86px;height:100px}.right{background:#e79c10;transform:rotate(-30deg) skew(-30deg) translate(49px,65px) scaleY(.86)}.left{background:#d53a33;transform:rotate(90deg) skew(-30deg) scaleY(.86) translate(25px,-50px)}.top{background:#1d9099;transform:rotate(210deg) skew(-30deg) translate(-75px,-22px) scaleY(.86);z-index:2}.face{height:50px;width:50px;position:absolute;transform-origin:0 0}.h1.w1.l1{z-index:-1;animation-name:h1w1l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w1l1{0%{transform:translateY(-100%)}14%{transform:translate(-50%,-125%)}28%{transform:translateY(-150%)}43%{transform:translateY(-200%)}57%{transform:translate(50%,-175%)}71%{transform:translateY(-150%)}85%{transform:translateY(-100%)}to{transform:translateY(-100%)}}.h1.w1.l2{z-index:-1;animation-name:h1w1l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w1l2{0%{transform:translate(50%,-75%)}14%{transform:translate(50%,-75%)}28%{transform:translate(100%,-100%)}43%{transform:translate(100%,-150%)}57%{transform:translate(100%,-150%)}71%{transform:translate(50%,-125%)}85%{transform:translate(50%,-75%)}to{transform:translate(50%,-75%)}}.h1.w1.l3{z-index:-1;animation-name:h1w1l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w1l3{0%{transform:translate(100%,-50%)}14%{transform:translate(150%,-25%)}28%{transform:translate(200%,-50%)}43%{transform:translate(200%,-100%)}57%{transform:translate(150%,-125%)}71%{transform:translate(100%,-100%)}85%{transform:translate(100%,-50%)}to{transform:translate(100%,-50%)}}.h1.w2.l1{z-index:-1;animation-name:h1w2l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w2l1{0%{transform:translate(-50%,-75%)}14%{transform:translate(-100%,-100%)}28%{transform:translate(-100%,-100%)}43%{transform:translate(-100%,-150%)}57%{transform:translate(-50%,-125%)}71%{transform:translate(-50%,-125%)}85%{transform:translate(-50%,-75%)}to{transform:translate(-50%,-75%)}}.h1.w2.l2{z-index:-1;animation-name:h1w2l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w2l2{0%{transform:translateY(-50%)}14%{transform:translateY(-50%)}28%{transform:translateY(-50%)}43%{transform:translateY(-100%)}57%{transform:translateY(-100%)}71%{transform:translateY(-100%)}85%{transform:translateY(-50%)}to{transform:translateY(-50%)}}.h1.w2.l3{z-index:-1;animation-name:h1w2l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w2l3{0%{transform:translate(50%,-25%)}14%{transform:translate(100%)}28%{transform:translate(100%)}43%{transform:translate(100%,-50%)}57%{transform:translate(50%,-75%)}71%{transform:translate(50%,-75%)}85%{transform:translate(50%,-25%)}to{transform:translate(50%,-25%)}}.h1.w3.l1{z-index:-1;animation-name:h1w3l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w3l1{0%{transform:translate(-100%,-50%)}14%{transform:translate(-150%,-75%)}28%{transform:translate(-200%,-50%)}43%{transform:translate(-200%,-100%)}57%{transform:translate(-150%,-75%)}71%{transform:translate(-100%,-100%)}85%{transform:translate(-100%,-50%)}to{transform:translate(-100%,-50%)}}.h1.w3.l2{z-index:-1;animation-name:h1w3l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w3l2{0%{transform:translate(-50%,-25%)}14%{transform:translate(-50%,-25%)}28%{transform:translate(-100%)}43%{transform:translate(-100%,-50%)}57%{transform:translate(-100%,-50%)}71%{transform:translate(-50%,-75%)}85%{transform:translate(-50%,-25%)}to{transform:translate(-50%,-25%)}}.h1.w3.l3{z-index:-1;animation-name:h1w3l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w3l3{0%{transform:translate(0)}14%{transform:translate(50%,25%)}28%{transform:translateY(50%)}43%{transform:translate(0)}57%{transform:translate(-50%,-25%)}71%{transform:translateY(-50%)}85%{transform:translate(0)}to{transform:translate(0)}}.h2.w1.l1{z-index:-2;animation-name:h2w1l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w1l1{0%{transform:translateY(-50%)}14%{transform:translate(-50%,-75%)}28%{transform:translateY(-100%)}43%{transform:translateY(-100%)}57%{transform:translate(50%,-75%)}71%{transform:translateY(-50%)}85%{transform:translateY(-50%)}to{transform:translateY(-50%)}}.h2.w1.l2{z-index:-2;animation-name:h2w1l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w1l2{0%{transform:translate(50%,-25%)}14%{transform:translate(50%,-25%)}28%{transform:translate(100%,-50%)}43%{transform:translate(100%,-50%)}57%{transform:translate(100%,-50%)}71%{transform:translate(50%,-25%)}85%{transform:translate(50%,-25%)}to{transform:translate(50%,-25%)}}.h2.w1.l3{z-index:-2;animation-name:h2w1l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w1l3{0%{transform:translate(100%)}14%{transform:translate(150%,25%)}28%{transform:translate(200%)}43%{transform:translate(200%)}57%{transform:translate(150%,-25%)}71%{transform:translate(100%)}85%{transform:translate(100%)}to{transform:translate(100%)}}.h2.w2.l1{z-index:-2;animation-name:h2w2l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w2l1{0%{transform:translate(-50%,-25%)}14%{transform:translate(-100%,-50%)}28%{transform:translate(-100%,-50%)}43%{transform:translate(-100%,-50%)}57%{transform:translate(-50%,-25%)}71%{transform:translate(-50%,-25%)}85%{transform:translate(-50%,-25%)}to{transform:translate(-50%,-25%)}}.h2.w2.l2{z-index:-2;animation-name:h2w2l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w2l2{0%{transform:translate(0)}14%{transform:translate(0)}28%{transform:translate(0)}43%{transform:translate(0)}57%{transform:translate(0)}71%{transform:translate(0)}85%{transform:translate(0)}to{transform:translate(0)}}.h2.w2.l3{z-index:-2;animation-name:h2w2l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w2l3{0%{transform:translate(50%,25%)}14%{transform:translate(100%,50%)}28%{transform:translate(100%,50%)}43%{transform:translate(100%,50%)}57%{transform:translate(50%,25%)}71%{transform:translate(50%,25%)}85%{transform:translate(50%,25%)}to{transform:translate(50%,25%)}}.h2.w3.l1{z-index:-2;animation-name:h2w3l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w3l1{0%{transform:translate(-100%)}14%{transform:translate(-150%,-25%)}28%{transform:translate(-200%)}43%{transform:translate(-200%)}57%{transform:translate(-150%,25%)}71%{transform:translate(-100%)}85%{transform:translate(-100%)}to{transform:translate(-100%)}}.h2.w3.l2{z-index:-2;animation-name:h2w3l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w3l2{0%{transform:translate(-50%,25%)}14%{transform:translate(-50%,25%)}28%{transform:translate(-100%,50%)}43%{transform:translate(-100%,50%)}57%{transform:translate(-100%,50%)}71%{transform:translate(-50%,25%)}85%{transform:translate(-50%,25%)}to{transform:translate(-50%,25%)}}.h2.w3.l3{z-index:-2;animation-name:h2w3l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w3l3{0%{transform:translateY(50%)}14%{transform:translate(50%,75%)}28%{transform:translateY(100%)}43%{transform:translateY(100%)}57%{transform:translate(-50%,75%)}71%{transform:translateY(50%)}85%{transform:translateY(50%)}to{transform:translateY(50%)}}.h3.w1.l1{z-index:-3;animation-name:h3w1l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w1l1{0%{transform:translate(0)}14%{transform:translate(-50%,-25%)}28%{transform:translateY(-50%)}43%{transform:translate(0)}57%{transform:translate(50%,25%)}71%{transform:translateY(50%)}85%{transform:translate(0)}to{transform:translate(0)}}.h3.w1.l2{z-index:-3;animation-name:h3w1l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w1l2{0%{transform:translate(50%,25%)}14%{transform:translate(50%,25%)}28%{transform:translate(100%)}43%{transform:translate(100%,50%)}57%{transform:translate(100%,50%)}71%{transform:translate(50%,75%)}85%{transform:translate(50%,25%)}to{transform:translate(50%,25%)}}.h3.w1.l3{z-index:-3;animation-name:h3w1l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w1l3{0%{transform:translate(100%,50%)}14%{transform:translate(150%,75%)}28%{transform:translate(200%,50%)}43%{transform:translate(200%,100%)}57%{transform:translate(150%,75%)}71%{transform:translate(100%,100%)}85%{transform:translate(100%,50%)}to{transform:translate(100%,50%)}}.h3.w2.l1{z-index:-3;animation-name:h3w2l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w2l1{0%{transform:translate(-50%,25%)}14%{transform:translate(-100%)}28%{transform:translate(-100%)}43%{transform:translate(-100%,50%)}57%{transform:translate(-50%,75%)}71%{transform:translate(-50%,75%)}85%{transform:translate(-50%,25%)}to{transform:translate(-50%,25%)}}.h3.w2.l2{z-index:-3;animation-name:h3w2l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w2l2{0%{transform:translateY(50%)}14%{transform:translateY(50%)}28%{transform:translateY(50%)}43%{transform:translateY(100%)}57%{transform:translateY(100%)}71%{transform:translateY(100%)}85%{transform:translateY(50%)}to{transform:translateY(50%)}}.h3.w2.l3{z-index:-3;animation-name:h3w2l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w2l3{0%{transform:translate(50%,75%)}14%{transform:translate(100%,100%)}28%{transform:translate(100%,100%)}43%{transform:translate(100%,150%)}57%{transform:translate(50%,125%)}71%{transform:translate(50%,125%)}85%{transform:translate(50%,75%)}to{transform:translate(50%,75%)}}.h3.w3.l1{z-index:-3;animation-name:h3w3l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w3l1{0%{transform:translate(-100%,50%)}14%{transform:translate(-150%,25%)}28%{transform:translate(-200%,50%)}43%{transform:translate(-200%,100%)}57%{transform:translate(-150%,125%)}71%{transform:translate(-100%,100%)}85%{transform:translate(-100%,50%)}to{transform:translate(-100%,50%)}}.h3.w3.l2{z-index:-3;animation-name:h3w3l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w3l2{0%{transform:translate(-50%,75%)}14%{transform:translate(-50%,75%)}28%{transform:translate(-100%,100%)}43%{transform:translate(-100%,150%)}57%{transform:translate(-100%,150%)}71%{transform:translate(-50%,125%)}85%{transform:translate(-50%,75%)}to{transform:translate(-50%,75%)}}.h3.w3.l3{z-index:-3;animation-name:h3w3l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w3l3{0%{transform:translateY(100%)}14%{transform:translate(50%,125%)}28%{transform:translateY(150%)}43%{transform:translateY(200%)}57%{transform:translate(-50%,175%)}71%{transform:translateY(150%)}85%{transform:translateY(100%)}to{transform:translateY(100%)}}