body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--main-color:#00f5bc;--light-main-color:#03f1b9be;--second-color:#eefff7;--particles-color:#a0a0a0;--light-gray:#8892b077;--background-color:#080808;--text-background-color:#080808aa;--nav-background-color:#171717bb;--card-background-color:#1d1d1dc6;--tooltip-background-color:#1d1d1dde;--hover-color:#00b4935e;--highlight-font-color:#fff;--main-font-color:#e2e2e2;--font-mono:"Roboto Slab",serif;--main-font:"Amiri",serif;--heading-font:"Black Ops One",serif;--zIndex-nav:199}a,h1,h2,h3,h4,h5{text-transform:capitalize}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-tap-highlight-color:transparent;background-color:#080808;max-width:100%;overflow-x:hidden;scroll-behavior:smooth;scroll-snap-align:start;scroll-snap-type:mandatory}body::-webkit-scrollbar{width:2px}body::-webkit-scrollbar-thumb{background:linear-gradient(#00b4935e,#00f5bc);background:linear-gradient(var(--hover-color),var(--main-color))}body p{font-size:1rem}.line{width:200px}@media only screen and (max-width:600px){body,html{overflow-x:hidden}body{position:relative}.iris{z-index:-44444}}@media only screen and (min-width:8500px){.name h1{font-size:15rem}.typing,.welcome h1{font-size:5rem}.styles{font-size:4rem}}@media only screen and (min-width:2500px){nav{font-size:3rem}.intro p{font-size:5rem}.name h1{font-size:10rem}.welcome h1{font-size:5rem}.typing{font-size:8rem}.styles{font-size:4rem}}nav{align-items:center;background-color:#080808;color:#fff;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 2rem;top:0;width:100vw;z-index:222}.hide-nav{display:none}.brand{color:var(--main-color);cursor:pointer;font-family:var(--heading-font);font-family:Black Ops One,cursive;font-size:clamp(1.8rem,2vw,2.5rem);padding:.5rem;width:-webkit-max-content;width:max-content}.nav-items{display:flex;font-family:Merriweather,serif;font-size:.8rem;margin:auto}.nav-items a{color:inherit;cursor:pointer;font-size:1rem;text-decoration:none;transition:all .2s}.nav-items a:hover{color:var(--main-color)}.single-item{margin:0 1.4rem}.single-item a{width:62px}.resume button{background:transparent;border:none;color:var(--main-color);cursor:pointer;font-family:Black Ops One,cursive;font-size:clamp(1.8rem,2vw,2.5rem)}.toggler svg{fill:var(--main-color);display:none;height:1.5rem;width:1.5rem}.whole-nav{display:flex;justify-content:space-between;width:100%}@media only screen and (max-width:600px){nav{background:#080808;flex-direction:column;position:relative;width:100%}.brand{align-self:flex-start;display:flex;justify-content:space-between;left:4%;margin-right:auto;position:absolute;top:50%}.nav-items{flex-direction:column;width:100%}.resume{padding:.5rem;position:absolute;right:0;top:50%}.nav-items .single-item{margin:auto auto 1rem}.toggler{font-weight:800;position:absolute;right:46%;top:100%;z-index:222}.toggler svg{display:block;margin:auto}.line-through{display:none}.whole-nav{display:flex}.show,.whole-nav{align-items:center;flex-direction:column}.show{background:linear-gradient(#000,var(--main-color),#003025ea);font-family:Black Ops One,sans-serif;font-weight:600;height:100vh;position:absolute;z-index:22}.show,.show:hover{color:#000}.hide{display:none;height:100vh;opacity:0;position:absolute;scale:0;transition:all .1s}}@media only screen and (min-width:8500px){.brand,.resume button{font-size:7rem}nav{padding-top:5rem}.nav-items .single-item a{font-size:3rem;padding:0 3rem}}.show-cv{background:#000;height:100vh;opacity:1;position:absolute;scale:1;z-index:23333}.cv-image,.show-cv{display:grid;place-content:center;position:relative;transition:all 1s;width:100vw}.cv-image{height:100%;object-fit:contain}.download-btn svg{cursor:pointer;margin:auto;text-align:center}.cv-image img{height:100%;margin:auto;object-fit:contain;transition:all 1s;width:70%}.hide-cv{height:0;opacity:0;scale:0;transition:all 1s;z-index:-11}.button{position:absolute;right:2rem;top:2rem}.button button{background:transparent;border:none}.download-btn{bottom:0;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.download-btn:hover svg{color:green}.download-btn button{background:transparent;border:none;color:#fff}.download-btn svg{color:#fff}.download-btn svg:hover{color:green}.button svg{color:#fff;cursor:pointer;font-size:3rem;font-weight:800;transition:all .4s}.button svg:hover{color:red;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}@media only screen and (max-width:600px){.cv-image img{width:100%}}#front{color:#fff;display:grid;height:80vh;margin:0 auto;max-width:90vw;place-content:center;position:relative;z-index:1}.main-head{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;text-align:center}.welcome{color:#00f5bc;font-family:Merriweather,serif;font-size:1rem;font-weight:200px}.name{font-family:Black Ops One,sans-serif;font-size:5rem;font-weight:100;width:-webkit-max-content;width:max-content}.typing{color:#fff;color:#00f5bc;display:flex;font-size:1.6rem;justify-content:center;margin-bottom:1.5rem}.intro{align-items:center;color:#d3d3d3;display:flex;font-family:Ms Modi,sans-serif;font-weight:400;justify-content:justify;line-height:1.6;margin:auto;max-width:600px;text-align:center}.intro p{font-size:1.1rem!important}.name{font-weight:8000}.social{align-content:center;align-items:center;display:flex;justify-content:space-around;justify-content:center;margin:1.8rem auto auto;max-width:200px;position:relative;text-align:center}.icon{cursor:pointer;display:flex;flex-direction:column;margin-right:.5rem}.icon .text{background-color:hsla(0,9%,43%,.4);font-size:.7rem;opacity:0;padding:.3rem;position:absolute;text-align:center;top:-30px;-webkit-transform:scale(0);transform:scale(0);transition:all .7s;width:-webkit-max-content;width:max-content}.icon-image svg{color:var(--main-color)}.icon:hover .text{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px);-webkit-transform:scale(1);transform:scale(1)}.intro,.name,.social,.typing,.welcome{z-index:22}@media only screen and (max-width:600px){#front{height:80vh;z-index:22}.name{font-size:3rem}.intro p{color:#d3d3d3;font-size:.8rem!important;margin-top:0}.social{cursor:pointer}}@media only screen and (min-width:8500px){.name h1{font-size:30rem}.welcome h1{font-size:10rem}.typing{font-size:5rem}.intro{max-width:60%}.intro p{font-size:5rem!important}.icon-image svg{font-size:7rem;margin-right:3rem}.icon .text{display:none}}@media only screen and (min-width:2500px){.intro{max-width:70%}.intro p{font-size:2rem!important;width:100%}}#aboutme{flex-direction:column;height:auto;justify-content:center;margin:auto auto 3rem;max-width:90%;padding:2rem;position:relative;z-index:2}#aboutme,.styling{align-items:center;display:flex}.styling{color:#fff;font-family:Black Ops One;justify-content:flex-end;margin-bottom:3rem;margin-left:auto;max-width:-webkit-max-content;max-width:max-content;text-align:left;width:40%}.styling .text{font-size:1rem;margin-left:1rem}.line{background-color:gray;height:3px;width:300px}.info{align-items:center;display:flex;justify-content:space-between}.info,.myImage{position:relative}.myImage{height:auto;object-fit:contain}.myImage img{border-radius:15% 55% 62% 28%/64% 33% 67% 36%;height:100%;width:100%}.blob-image{-webkit-animation:blob 15s infinite;animation:blob 15s infinite;background-color:var(--hover-color);border:.1rem solid var(--main-color);border-radius:80% 25% 62% 58%/64% 73% 27% 36%;height:100%;left:0;position:absolute;top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:-1}#green{color:var(--main-color)}@-webkit-keyframes blob{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes blob{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.myInfo{color:#d3d3d3;font-family:Ms Modi;margin-left:4rem;text-align:justify}.myInfo p{font-size:120%!important}@media only screen and (max-width:600px){.myInfo p{font-size:1rem!important}.myInfo{margin-left:0}.info{flex-direction:column}.myImage{width:80%}.blob-image{height:100%;width:100%}.line{width:100px}.myInfo{max-width:100%}}@media only screen and (min-width:8500px){.myInfo{font-size:4rem}.myImage{width:30%}.myInfo{width:70%}.styles{margin-top:6rem}}@media only screen and (min-width:2500px){.myImage{width:30%}.myInfo{font-size:2rem;width:70%}}#skills{grid-gap:1rem;display:grid;grid-template-columns:repeat(3,1fr);margin:1rem auto 0;padding:2rem;place-content:center;position:relative;text-align:center;width:90vw;z-index:2}.styles{align-items:center;-webkit-columns:1/-1;columns:1/-1;font-family:Black Ops One;justify-content:center;margin-top:4rem;top:0}.styles .lines{margin-left:1rem;order:2}.single-card{align-items:center;background-color:rgba(49,49,49,.5);border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:all .4s}.single-card:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.single-card .skill-icon{height:30px;object-fit:cover;width:30px}.single-card .skill-icon img{height:100%;width:100%}.skill-name{color:#fff;margin-left:.5rem;margin-right:auto;width:-webkit-max-content;width:max-content}.styles{padding:1rem}.lines{background-color:gray;height:3px;margin-right:auto;width:200px}@media only screen and (max-width:600px){#skills{grid-template-columns:1fr}.lines{width:100px}#skills{grid-template-columns:repeat(2,1fr);padding:2rem}.single-card{padding:1rem;width:auto}.styles{top:-15%}}@media only screen and (min-width:8500px){#skills{grid-gap:5rem}.single-card .skill-icon{height:5rem;width:5rem}.single-card p{font-size:4rem}.single-card{padding:6rem}.styles{font-size:3rem}}@media only screen and (min-width:2500px){#skills{grid-gap:5rem}.single-card .skill-icon{height:5rem;width:5rem}.single-card p{font-size:4rem}.single-card{padding:6rem}}.model{background-color:#add8e6;position:absolute;width:200px}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, 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")}:root{--swiper-theme-color:#007aff}.swiper{list-style:none;margin-left:auto;margin-right:auto;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;z-index:1}.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;height:100%;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-pagination{position:absolute;text-align:center;-webkit-transform:translateZ(0);transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:50%;display:inline-block;height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1;opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:4px;left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:4px}.swiper-pagination-lock{display:none}body{color:#fff}.project-container{margin-top:5rem!important;margin:auto auto -10%;max-height:500px;overflow:hidden;width:80vw}.styling{padding:0 2rem}.my-slides{border:2px solid blue;height:auto;margin:auto;width:50%}#myImg{height:100%;margin:auto;width:100%}.swiper-slide{background-color:#080808;margin:0 auto;position:relative;width:40%}.swiper{margin:auto;max-height:100%;overflow:hidden;width:70vw}.overlay-container{align-items:flex-start;color:#000;max-width:auto;opacity:0;transition:all 1s;width:0}.swiper-slide:hover .overlay-container{background-color:rgba(0,0,0,.9);color:#fff;opacity:1;width:100%}.swiper-slide-visible .overlay-container{bottom:0;color:#080808;height:0;left:0;overflow:hidden;position:absolute;transition:all 1s}.swiper-slide-visible:hover .overlay-container{height:50%}::-webkit-scrollbar{background:#000;width:5px}.swiper-slide-visible{height:300px;overflow:hidden;width:400px}.swiper-slide-visible img{max-height:100%;object-fit:cover;width:100%}.swiper .swiper-coverflow .swiper-3d .swiper-initialized .swiper-horizontal .swiper-pointer-events .swiper-watch-progress .mySwiper .overlay-container{max-height:500px}.swiper-wrapper{height:500px;margin:auto;width:100%}.overlay-container{display:flex;flex-direction:column;padding:1rem 1rem 10px}.overlay-container p{text-align:justify}.icons{background-color:#fff;border-radius:40%;box-shadow:2px 2px 5px 1px var(--main-color);display:flex;left:10px;margin-top:1rem;padding:.7rem;position:absolute;top:0}.icons svg{border-radius:50%;color:#000;font-size:2rem;margin:auto}.icons button a{transition:all 1s}.icons button:hover a{color:var(--main-color)}.icons a{color:#fff;text-decoration:none}.technologies{display:grid;grid-template-columns:repeat(2,1fr)}.technologies p{background:transparent;border:1px solid #d3d3d3;border-radius:10px;font-size:.8rem;margin:1rem 0 0;padding:.5rem .9rem}.technologies p:nth-child(2n){margin-left:.5rem}@media only screen and (max-width:600px){.swiper-slide-visible:hover .overlay-container{height:80%}.project-container{width:100vw}.swiper{width:100%}.swiper-wrapper{height:300px}.swiper-slide{height:200px;width:220px}.overlay-container{font-size:.4rem;height:100%;width:100%}.technologies p{font-size:.4rem;padding:.3rem}.overlay-container p{font-size:.6rem}.icons svg{font-size:1rem}.icons{box-shadow:1px 1px 2px 3px var(--main-color);padding:.4rem}}@media only screen and (min-width:8500px){.swiper-slide{width:100%}#myImg{object-fit:contain}.swiper-slide-visible:hover .overlay-container{height:100%}.overlay-container p{font-size:2rem}.overlay-container h3{font-size:3rem}.project-container{width:50%}}@media only screen and (min-width:2500px){.project-container{width:-webkit-max-content;width:max-content}.swiper-slide{width:80%}#myImg{height:1000px;object-fit:contain}.swiper-slide-visible:hover .overlay-container{height:100%}.overlay-container p{font-size:2rem}.overlay-container h3{font-size:3rem}}#contact-form{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:auto;width:100%}form{margin-top:2rem;width:50%}.name{width:100%}input,textarea{background:transparent;border:.2px solid #d3d3d3;border-radius:10px;color:#fff;margin-bottom:1rem;padding:.9rem;width:100%}.message{display:flex;flex-direction:column;position:relative}.message textarea{width:100%}.send-btn{align-content:flex-end;bottom:20px;display:flex;justify-content:flex-end;right:10px;width:auto}.send-btn svg{font-size:2rem}.send{align-items:center;display:flex;justify-content:center}.send button{margin:auto;width:30%}.loader svg{-webkit-animation:loader 1s infinite;animation:loader 1s infinite;height:1rem;text-align:center;width:1rem}@-webkit-keyframes loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.sty{align-items:center;display:flex;justify-content:flex-start;margin-bottom:"2rem";width:70%}.line{font-size:3rem}.sty .line{margin-right:1rem;width:200px}.send{-webkit-animation:message .6s infinite alternate;animation:message .6s infinite alternate;border-radius:10px;padding:1rem;width:100%}.send-msg button{background-color:#00ffd05e;width:100%}.send-msg svg{-webkit-animation:loader 1s infinite;animation:loader 1s infinite;color:var(--main-color);height:2rem;margin:auto;text-align:center;width:auto;width:2rem}.send-msg{display:flex}.send-msg input{background-color:var(--main-color);border:none;color:#000;width:100%}input{transition:all .4s}input:focus,textarea:focus{box-shadow:1px 1px 10px 2px var(--main-color)}@media only screen and (max-width:600px){#contact-form{height:70vh;margin-top:3rem}form{padding:0 2rem;width:100%}}@media only screen and (min-width:8500px){input{margin-bottom:5rem;padding:5rem}::-webkit-input-placeholder{font-size:4rem}::placeholder{font-size:4rem}textarea{height:40vh}}@media only screen and (min-width:2500px){input{padding:2rem}::-webkit-input-placeholder{font-size:3rem}::placeholder{font-size:3rem}}svg{font-size:2rem;margin-bottom:2rem;margin-right:1rem}footer h1{-webkit-animation:rocket .4s linear infinite alternate;animation:rocket .4s linear infinite alternate;bottom:2%;cursor:pointer;font-size:1.4rem;margin:1rem;position:fixed;right:2%;transition:all 2s linear;z-index:99999}footer h1 svg{-webkit-transform:rotateX(-50deg);transform:rotateX(-50deg)}footer h1 img{height:50px;opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:50px}@-webkit-keyframes rocket{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes rocket{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.iris svg{-webkit-animation:eyes 2s infinite alternate;animation:eyes 2s infinite alternate;-webkit-animation-delay:10s;animation-delay:10s;color:gray;height:20px;opacity:.6;transition:all 1s;width:20px;z-index:-3333}@-webkit-keyframes eyes{0%{color:gray;-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{color:var(--hover-color);-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{color:var(--main-color);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes eyes{0%{color:gray;-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{color:var(--hover-color);-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{color:var(--main-color);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.iris:hover svg{color:var(--main-color)}.css,.css-right,.css-right2,.css-top,.fireabse-bottom,.firebase,.firebase-right,.firebase-top,.github,.github-left,.github-right,.github-right .css-right2,.gsap,.gsap-right,.gsap-top,.gsap-top-right,.html,.html-right,.html-top,.javascript,.javascript-right,.javascript-top,.react,.react-right,.react-top,.tailwind,.tailwind-bottom-right,.tailwind-right,.tailwind-right2,.tailwind-top{position:fixed}.css,.firebase,.github,.gsap svg,.html,.react,.tailwind{color:gray}.firebase-top{left:25%;top:2%}.css-top{bottom:50%;left:5%}.css-right2{bottom:15%;right:15%}.html-top{left:50%;top:5%}.react-top{right:20%;top:3%}.gsap-top-right{right:4%;top:15%}.react{left:30%;top:15%}.firebase{left:30%;top:50%}.github{right:5%;top:40%}.github-right{right:25%;top:35%}.tailwind{left:1%;top:70%}.github-left{left:50%;top:25%}.javascript-top{left:60%;top:5%}.css{left:10%;top:70%}.html{right:10%;top:60%}.javascript{right:27%;top:18%}.javascript-right{bottom:10%;left:50%}.javascript-top{right:40%;top:40%}.react-right{left:30%;top:80%}.tailwind-right{right:30%;top:65%}.tailwind-right2{right:25%;top:35%}.tailwind-top{left:10%;top:40%}.firebase-right{right:10%;top:85%}.tailwind-bottom-right{right:20%;top:75%}.css-right{right:50%;top:95%}.html-right{right:78%;top:29%}.gsap{right:50%;top:45%}.gsap-right{right:25%;top:93%}.gsap-top{left:5%;top:20%}@media only screen and (max-width:600px){.iris svg{z-index:-5555}.firebase-top{left:25%;top:2%}.css-top{bottom:50%;left:5%}.css-right2{bottom:15%;right:15%}.html-top{left:50%;top:5%}.react-top{right:20%;top:3%}.gsap-top-right{right:4%;top:15%}.react{left:30%;top:15%}.firebase{left:30%;top:50%}.github{right:5%;top:40%}.github-right{right:25%;top:5%}.tailwind{left:1%;top:70%}.github-left{left:50%;top:25%}.javascript-top{left:30%;top:25%}.css{left:10%;top:70%}.html{right:10%;top:60%}.javascript{right:27%;top:18%}.javascript-right{bottom:5%;left:20%}.javascript-top{right:40%;top:40%}.react-right{left:30%;top:80%}.tailwind-right{right:30%;top:65%}.tailwind-right2{right:25%;top:35%}.tailwind-top{left:10%;top:40%}.firebase-right{left:10%;top:85%}.tailwind-bottom-right{right:20%;top:75%}.css-right{right:50%;top:95%}.html-right{right:78%;top:29%}.gsap{right:50%;top:45%}.gsap-right{right:25%;top:93%}.gsap-top{left:5%;top:20%}}
/*# sourceMappingURL=main.08dc46e3.css.map*/