@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700&display=swap";*{font-family:Bitter,sans-serif;z-index:0;-webkit-user-select:none;user-select:none}html{scroll-behavior:smooth;background-color:#121212}body{overflow-y:hidden;overflow-x:hidden}canvas{position:fixed;top:0;left:0;background-size:cover}#main-content{transition:opacity 1s ease}#loading-screen{position:fixed;width:110vw;height:110vh;top:-5vh;left:-.5vw;font-style:italic;background:#000;opacity:0;align-items:center;justify-content:center;z-index:2;opacity:1;transition:4s opacity}#loading-screen.fade-out{opacity:0}#loading-screen-nav{position:fixed;width:110vw;height:110vh;top:-5vh;left:-.5vw;font-style:italic;background:#000;opacity:0;align-items:center;justify-content:center;z-index:4;visibility:hidden}#loading-screen-nav.fadeinout{animation:fadeinout 2s}#loading-screen-start{position:fixed;width:110vw;height:110vh;top:-5vh;left:-.5vw;font-style:italic;background:#000;opacity:0;align-items:center;justify-content:center;transition:transform .4s ease-in;transition:2s opacity;z-index:3}#start-button{position:absolute;color:#c2c2c2;left:50%;top:50%;width:9%;height:13%;margin:1.5% 0 0 -8.75%;letter-spacing:.25vw;font-family:Lato,sans-serif;font-size:1.25vw;font-weight:400;border:.1vw solid;border-color:#282828;border-radius:10%}#start-button:hover{background-color:#121212}.fade-in-start{opacity:.8;transition:opacity .1s}#loading-screen-start.visible{opacity:.9}#loading-screen-start.fade-out-start{opacity:0;transform:fadeOut 1s}.counter{position:absolute;color:#fff;left:50%;top:50%;width:4vw;height:2vw;margin:4vw 0 0 -7vw;letter-spacing:.25vw;font-family:Lato,sans-serif;font-size:1.25vw;font-weight:400;text-align:center;text-decoration:underline;font-style:italic}@media screen and (min-width: 1000px) and (max-width: 1100px){.counter{margin:6.5vw 0 0 -5vw}#loader-text{margin:-7.6% 0 0 -8.5%!important}#start-button{left:50%;top:50%;width:9%;min-width:125px;height:13%;max-height:100px;margin:1.5% 0 0 -7.75%}}@media screen and (min-width: 1101px) and (max-width: 1200px){.counter{margin:6vw 0 0 -5vw}#loader-text{margin:-7.6% 0 0 -9.5%!important}}@media screen and (min-width: 1200px) and (max-width: 1300px){.counter{margin:5vw 0 0 -6vw}}@keyframes fadeOut{0%{opacity:1}5%{opacity:.8}70%{opacity:.2}to{opacity:0}}@keyframes fadeinout{0%{opacity:0}5%{opacity:.99}70%{opacity:1}to{opacity:0}}#loader-text{position:absolute;color:#9a9a9a;left:50%;top:50%;width:10%;height:18%;margin:-7.6% 0 0 -10.5%;font-size:2.1vw;font-weight:lighter;letter-spacing:.9vw}.loader-desc{font-size:.9vw;color:#303030;letter-spacing:.3vw;font-weight:700;margin-top:9%;margin-left:2.5%;width:150%}#loader{display:block;position:relative;left:50%;top:50%;width:10vw;height:10vw;min-width:150px;min-height:150px;max-width:400px;max-height:400px;margin:0 0 0 -10vw;border-radius:50%;border:1px solid transparent;border-top-color:#888;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:1px solid transparent;border-top-color:#888;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:1px solid transparent;border-top-color:#888;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}*::-webkit-scrollbar,*::-webkit-scrollbar-thumb{width:12px;height:20px;background-clip:padding-box;background:#262626;color:#7b7b7b}*::-webkit-scrollbar-thumb{box-shadow:inset 0 0 0 10px;border-radius:24px;border:5px solid transparent}*::-webkit-scrollbar-thumb:hover{border:1px solid transparent}.circle{position:fixed;border:solid 1px #ccc;left:50%;top:25%;width:1vw;height:1vw;min-width:15px;min-height:15px;border-radius:50%;pointer-events:none;transition:top 0s,left 0s}.circle-inner{position:fixed;background:#a6a6a6;opacity:.5;width:1vw;height:1vw;min-width:15px;min-height:15px;border-radius:50%;pointer-events:none;transition:top 0s,left 0s;animation:pulse 1.5s ease-out infinite}@media only screen and (max-width: 400px){.circle{visibility:hidden;left:49%;top:55%}.label{visibility:visible}}@keyframes pulse{0%{transform:scale(.1);opacity:0}50%{opacity:1}to{transform:scale(1.1);opacity:0}}.label{position:relative;color:#979797;opacity:.7;width:7.2vw;min-width:110px;right:300%;top:130%;text-align:center;font-family:Roboto,Arial,sans-serif;font-size:clamp(13px,.87vw,150vw);font-style:italic;letter-spacing:.05em;-webkit-user-select:none;user-select:none}.social{display:flex;height:1.25em;width:10em;justify-content:center;align-items:center}.github-logo{height:1.6vw;width:1.6vw;min-height:20px;min-width:20px;margin-top:0vh;filter:saturate(500%) contrast(90%) brightness(500%) invert(80%) sepia(50%) hue-rotate(120deg)}.email-logo{height:1.6vw;width:1.6vw;min-height:20px;min-width:20px;margin-left:2.4vw;filter:saturate(500%) contrast(90%) brightness(500%) invert(80%) sepia(50%) hue-rotate(120deg)}.linkedIn-logo{height:1.8vw;width:1.8vw;min-height:25px;min-width:25px;margin-left:2.5vw;margin-top:.5vw;filter:saturate(500%) contrast(90%) brightness(500%) invert(80%) sepia(50%) hue-rotate(120deg)}.whatsapp-logo{height:1.6vw;width:1.6vw;min-height:20px;min-width:20px;margin-left:2.5vw;filter:saturate(500%) contrast(90%) brightness(500%) invert(80%) sepia(50%) hue-rotate(120deg)}@media screen and (min-width: 2199px) and (min-height: 973px){.linkedIn-logo{margin-top:.8vh}}.music-credits{font-size:1vw;font-weight:200;margin-top:6vh;border-top:3px solid;border-color:#616161;padding-top:1%}.externalLink{height:1em;width:1em;filter:saturate(500%) contrast(90%) brightness(500%) invert(80%) sepia(50%) hue-rotate(120deg)}.music-credits:hover{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 40px #fff,0 0 80px #fff,0 0 120px #fff,0 0 160px #fff}button{border:none;background:none;color:inherit;cursor:pointer}.dropdown{position:fixed;height:5vh;top:0;right:0;margin-right:5%;margin-top:1%;z-index:5}.dropdown__button{display:flex;background-color:transparent;height:5vh;width:4vw;min-height:30px;border-radius:.5rem;border:solid 1px #495057;margin-top:5%;padding-left:.5vw;align-items:center;font-weight:200;font-size:.8vw;color:#fff;z-index:4}.dropdown__button:hover{background-color:#495057}.dropdown__items{display:flex;background-color:transparent;border:solid 1px #495057;margin-top:.01rem;width:3.9vw;border-radius:.25rem;box-shadow:#0000003d 0 3px 8px;animation:open .3s;transform-origin:top left;z-index:4}.dropdown__item{width:100%;text-align:center;padding:1em;display:grid;place-content:center;height:auto;width:3.9vw;background-color:transparent;color:#fff;font-weight:200;font-size:.8vw;z-index:4}.dropdown__item:hover{background-color:#495057;border-radius:.5rem}.dropdown--hide{display:none}.dropdown--show{display:block}@keyframes open{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.bar-c{display:flex;align-items:center;overflow:hidden;height:2vw;width:1.25vw;margin:0 auto;position:relative;cursor:pointer}.bar{height:.1vw;width:.2vw;display:inline-block;background-color:#909090;margin-left:.1vw;border-radius:.3vw}.bar.noAnim{-webkit-animation:none;-webkit-animation-name:none}#bar-1{-webkit-animation-name:danceHeight1;-webkit-animation-delay:0ms}#bar-2{-webkit-animation-name:danceHeight2;-webkit-animation-delay:.4s}#bar-3{-webkit-animation-name:danceHeight3;-webkit-animation-delay:.8s}#bar-4{-webkit-animation-name:danceHeight4;-webkit-animation-delay:1.2s}#bar-5{-webkit-animation-name:danceHeight5;-webkit-animation-delay:1.8s}#bar-6{-webkit-animation-name:danceHeight6;-webkit-animation-delay:2.2s}.bar{-webkit-animation-duration:.75s;-webkit-animation-play-state:running;-webkit-animation-direction:alternate;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite}@-webkit-keyframes danceHeight1{0%{height:.1vw}to{height:1.5vw}}@-webkit-keyframes danceHeight2{0%{height:.1vw}to{height:1vw}}@-webkit-keyframes danceHeight3{0%{height:.1vw}to{height:1.5vw}}@-webkit-keyframes danceHeight4{0%{height:.1vw}to{height:1vw}}@-webkit-keyframes danceHeight5{0%{height:.1vw}to{height:1vw}}@-webkit-keyframes danceHeight6{0%{height:.1vw}to{height:1vw}}.speaker{z-index:2;height:2vw;width:2vw;min-width:20px;min-height:13px;left:2%;top:2.75%;position:fixed;overflow:hidden;display:inline-block}nav{display:flex;flex-direction:column;justify-content:space-around;align-items:center;background:transparent;height:8vh}.nav-list{position:fixed;list-style:none;display:flex;width:100vw;height:110vh;top:-9vh;font-style:italic;background:#000;opacity:0;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;transition:transform .4s ease-in;transition:1s opacity;transform:translate(100%)}.nav-list li{flex-direction:center;letter-spacing:3px;top:0;left:0;max-height:150px;margin:min(1.5%,35px);flex-basis:calc(20% - 150px);color:#a8a8a8;text-align:center;justify-content:center;background:transparent;font-weight:100;font-size:2vw;text-transform:uppercase}.nav-list li a{color:#cecece}.nav-list li:hover{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 40px #fff,0 0 80px #fff,0 0 120px #fff,0 0 160px #fff}.nav-list.fade-in-nav{opacity:.6}.nav-list.fade-out-nav{opacity:0}a:not(.dcv){color:#fff;text-decoration:none}a:hover a:not(.dcv){transition:.5s;margin-right:20px;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 40px #fff,0 0 80px #fff,0 0 120px #fff,0 0 160px #fff}.mobile-menu{position:fixed;top:0;width:3vw;height:6vh;right:0%;margin-top:2.5vh;margin-right:1vh;display:block;cursor:pointer;z-index:2}.mobile-menu div{width:1.9vw;height:.1vh;background:#a8a8a8;margin:20%;transition:.3s;position:relative;transform-origin:center}.mobile-menu.active .line1{transform:rotate(-45deg) translate(-25%,1000%)}.mobile-menu.active .line2{opacity:0}.mobile-menu.active .line3{transform:rotate(45deg) translate(-15%,-1000%)}:root{--dark-bg: rgba(15, 15, 15);--spacing: 350px;font-weight:400;font-style:normal}#section-home{visibility:hidden;background-color:transparent;top:34%;right:22.5%;width:155%;height:60%;justify-content:center}.game-button{position:fixed;bottom:1.5rem;left:1.5rem;background:none;border:none;padding:0;cursor:pointer;z-index:2;opacity:.6;transition:opacity .2s ease,transform .2s ease;transform:scale(.8);filter:saturate(500%) contrast(90%) brightness(500%) invert(80%) sepia(50%) hue-rotate(120deg)}.game-button img{display:block;width:2.5rem;height:auto;pointer-events:none}.game-button:hover,.game-button:focus{opacity:1;transform:scale(1)}#game-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;display:block;z-index:6}.back-button{visibility:hidden;position:fixed;bottom:1.5rem;left:1.5rem;background:none;border:none;padding:0;cursor:pointer;z-index:7;opacity:.6;transition:opacity .2s ease,transform .2s ease;transform:scale(.8);filter:saturate(500%) contrast(90%) brightness(500%) invert(80%) sepia(50%) hue-rotate(120deg)}.back-button img{display:block;width:2.5rem;height:auto;pointer-events:none}.back-button:hover,.back-button:focus{opacity:1;transform:scale(1)}.privacy-banner{position:fixed;bottom:0;left:0;width:100%;background:#19191980;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#c2c2c2;padding:14px 24px;border-radius:0;border-top:1px solid #252525;box-shadow:0 -4px 20px #0009;display:flex;align-items:center;justify-content:center;gap:18px;z-index:1000;font-size:clamp(14px,1.1vw,18px);flex-wrap:wrap;text-align:center}.privacy-banner .privacy-text{margin:0;font-size:inherit;font-family:inherit;font-weight:300;letter-spacing:.5px}.privacy-banner .privacy-link{color:#ccc;text-decoration:underline;cursor:pointer;transition:color .2s;font-weight:400;font-size:inherit;font-family:inherit;margin-left:4px}.privacy-banner .privacy-link:hover{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.3)}.privacy-banner .privacy-accept-btn{background:transparent;border:1px solid #898989;color:#898989;padding:6px 24px;border-radius:30px;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:400;letter-spacing:1px;transition:all .25s;text-transform:uppercase;white-space:nowrap}.privacy-banner .privacy-accept-btn:hover{background:#c2c2c2;border-color:#c2c2c2;color:#121212;box-shadow:0 0 12px #ffffff1a}.privacy-modal{position:fixed;top:0;left:0;width:100%;height:100dvh;background:#000000eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;display:none;align-items:center;justify-content:center;padding:10px;box-sizing:border-box}.privacy-modal-content{background:#1a1a1a;color:#c2c2c2;max-width:700px;width:100%;max-height:90dvh;overflow-y:auto;padding:30px 20px;border-radius:16px;border:1px solid #3a3a3a;box-shadow:0 20px 60px #000000e6;position:relative}.privacy-modal-content h2{font-size:2rem;font-weight:300;letter-spacing:2px;margin-top:0;margin-bottom:1.5rem;border-bottom:1px solid #444;padding-bottom:.75rem;color:#f0f0f0}.privacy-modal-content p{line-height:1.7;margin-bottom:1rem;font-weight:300;font-size:1.05rem}.privacy-modal-content strong{color:#ccc;font-weight:500}.privacy-modal-close{position:absolute;top:16px;right:22px;font-size:2.4rem;font-weight:300;color:#aaa;cursor:pointer;transition:color .2s;line-height:1}.privacy-modal-close:hover{color:#fff}@media (max-width: 768px){.privacy-banner{padding:12px 5px;gap:10px;font-size:clamp(13px,3.2vw,16px);flex-direction:column;align-items:center}.privacy-banner .privacy-text{display:inline}.privacy-banner .privacy-accept-btn{padding:6px 18px;font-size:inherit}}@media (max-width: 500px){.privacy-modal-content{max-height:85dvh;padding:20px 15px}.privacy-modal-content h2{font-size:1.5rem}.privacy-modal-content p{font-size:.95rem}}@media (max-width: 600px){.game-button{bottom:1rem;left:1rem}.game-button img{width:2rem}.back-button{bottom:1rem;left:1rem}.back-button img{width:2rem}}.name-container{display:inline;float:left;width:100%;letter-spacing:.3em;text-align:center;font-size:3.5vw;-webkit-user-select:none;user-select:none;color:#a8a8a8;text-shadow:0 0 10px #dfdfdf;cursor:pointer}.name-highlight{width:50%;transform:translate(50%)}.name-highlight:hover{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 40px #fff,0 0 80px #fff,0 0 120px #fff,0 0 160px #fff}#letter{margin-right:-1.6vw;font-weight:700;font-size:1.4em;font-family:Nanum Myeongjo,serif}#name{color:#a8a8a8;margin-right:2vw;font-weight:400;font-size:1.1em;font-family:Nanum Myeongjo,serif;cursor:pointer}#letter2{margin-right:-2.25vw;font-weight:700;font-size:1.4em;font-family:Nanum Myeongjo,serif}.name2{color:#a8a8a8;margin-right:2vw;font-weight:400;font-size:1.1em;font-family:Nanum Myeongjo,serif;cursor:pointer}.typed-wrapper{background-color:transparent;transform:translateY(-60%);width:100%}#typed{letter-spacing:.55em;color:#c1c1c1;font-size:.45em;font-weight:300;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 40px #fff,0 0 80px #fff,0 0 160px #fff}.contact-Btn-wrapper{width:50%;transform:translate(50%,-100%)}.contact-Btn{background-color:transparent;color:#898989;width:25%;padding:1.25%;letter-spacing:.25rem;font-family:Lato,sans-serif;font-size:1.2vw;font-weight:400;border:1px solid;border-color:#c2c2c2;border-radius:50px}.contact-Btn:hover{background-color:#c2c2c2;color:#121212;box-shadow:0 0 10px #c2c2c2,0 0 2px #c2c2c2,0 0 5px #c2c2c2,0 0 10px #c2c2c2,0 0 15px #c2c2c2,0 0 20px #c2c2c2}@media only screen and (min-height: 1000px) and (max-height: 1400px) and (min-width: 850px){.nav-list li{margin:min(-1%,35px)}}@media (max-width: 1149px){.name-container{letter-spacing:.27em;font-size:5vw;align-items:center}.name-highlight{width:100%;transform:translate(0)}.contact-Btn{width:50%;min-height:42px;padding:1.25%;transform:translateY(30%)}}.muted{width:4%;min-width:70px;height:6%;position:fixed;left:1%;top:1%;opacity:.1;background-color:#222;border-width:1px 1px;border-radius:5px;cursor:pointer}#scroll-down-animation{width:5%;transform:translate(960%,80%)}.mouse{margin:0 auto;display:inline-block;border-radius:50px;border:2px solid rgba(122,122,124,.918);height:4.5vh;width:.9vw;min-width:12px}@media only screen and (max-width: 1100px) and (min-height: 1050px){.mouse{margin:0 auto;display:inline-block;border-radius:50px;border:2px solid rgba(122,122,124,.918);height:4.5vh;width:.9vw;min-width:20px}}.move{position:absolute;background-color:#7a7a7cea;height:5px;width:5px;border-radius:50%;left:50%;transform:translate(-50%);animation:move 2s linear infinite}@keyframes move{0%{transform:translate(-50%);opacity:0}50%{transform:translate(-50%,12px);opacity:1}to{transform:translate(-50%,25px);opacity:0}}.nav__dot{display:none;list-style-type:none}.nav__dot{display:block;position:fixed;top:calc(50% - 9vw);right:2%;z-index:3}.nav__dot li{width:.5vw;height:.5vw;margin:0 0 2.6vw;background:#f5f5f521;border-radius:50%;cursor:pointer;transition:background .7s cubic-bezier(.645,.045,.355,1) 0s}.nav__dot li.current{background:#d2d2d2cc;transition:background .7s cubic-bezier(.645,.045,.355,1) 0s}.nav__dot li:last-child{margin:0}main{display:block;width:90vw;height:100vh;color:#fff;position:relative;margin-top:-1%;opacity:.7}h1,h2,h3{font-weight:700;font-style:normal}header{background:transparent;grid-column:4 / span 5;height:20%;font-size:2.5vw;white-space:nowrap}.media-spacer{width:0px;height:0px;visibility:hidden}.content{background:var(--dark-bg);margin:20% auto;padding-left:1%;background-color:#111;border-width:3px 3px;border-radius:10px}#about{width:49%;font-size:1.05vw;left:56%}.about-title{width:10%;background:transparent;letter-spacing:.3vw;color:#616161;padding-top:1%;padding-left:1%;border-bottom:.2vw solid;border-color:#616161}.about-text{text-align:center;font-size:1em;font-weight:400;color:#fff}.tab-titles{display:flex;margin:20px 0 40px}.tab-links{width:20%;padding:.1%;margin-right:10%;font-size:1.05vw;font-weight:500;text-align:center;cursor:pointer;position:relative;transition:.5s}.tab-links:after{content:"";width:0;height:3px;background:#707070;position:absolute;left:10%;bottom:-8px;transition:.5s}.tab-links.active-link:after{width:50%}.tab-contents ul li{list-style:none;margin:10px 0;color:#fff;font-size:clamp(12px,.9vw,150vw)}.tab-contents ul li span{color:#888;font-size:clamp(12px,.9vw,150vw)}.tab-contents{display:none}.tab-contents.active-tab{display:flex}.education-icon{position:relative;top:15%;width:1.5vw;height:3vh;margin-right:5%;padding:1%;filter:saturate(500%) contrast(90%) brightness(500%) invert(80%) sepia(50%) hue-rotate(120deg)}.skill-icon{position:relative;top:15%;margin-right:5%;width:1.5vw;height:3.4vh;filter:saturate(500%) contrast(90%) brightness(500%) invert(80%) sepia(50%) hue-rotate(120deg)}.child{opacity:0;max-height:0;overflow:hidden;transition:opacity .3s ease,max-height .3s ease}.child li{font-size:clamp(10px,.85vw,150vw)}.toggle-button{margin-right:1px;font-size:large}.toggle-button:hover{cursor:pointer;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 40px #fff,0 0 80px #fff,0 0 120px #fff,0 0 160px #ffffff}.tab-contents ul li .course-text{color:#fff;font-size:clamp(12px,.9vw,150vw)}.our-skills{display:inline-block;text-transform:uppercase;text-align:center;margin-top:-5%;margin-bottom:3%;margin-right:2%;width:19vw;border-radius:5px}.our-skills .skill{margin:10px}.card{vertical-align:top;width:4vw;height:8vh;position:relative;margin:2.1%;box-shadow:20px 20px 50px #000c;border-radius:20px;background-color:transparent;overflow:hidden;display:inline-block;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center}.card .card-content{padding:1px;transition:.8s all ease;color:#ccc;transform:translateY(200px);opacity:0}.card:hover .card-content{transform:translateY(0);opacity:1}.card img{position:absolute;width:100%;left:1%;opacity:1;z-index:-1}.card .card-content h2{color:#fff;font-weight:700;font-size:8px;padding-top:20%;box-shadow:50px 50px 50px #fffc}.card .card-content a{display:inline-block;margin-top:20px;text-decoration:none;padding:8px 30px 11px;border:2px solid #fff;text-transform:uppercase;color:#fff;border-radius:50px;box-shadow:50px 50px 50px #fff;transition:.8s all ease}.card .card-content a:hover{background:#131313}.info{background-color:transparent}.section{height:90%;position:relative;background:transparent;font-size:1.25rem;line-height:1.5;margin-bottom:var(--spacing)}.btn-cv-border{position:relative;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translate(-50%);padding-top:2vh;border-top:3px solid;border-color:#616161;width:20vw}.dcv{position:relative;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translate(-50%);display:inline-block;padding:15px 30px;color:#06b200;line-height:4vh;letter-spacing:4px;text-decoration:none;text-transform:uppercase;text-align:center;font-size:.95vw;overflow:hidden;height:4vh;width:12vw;transition:.2s;border-style:solid;border-color:#059400;border-width:1px;border-radius:25px}.dcv:hover{color:#0a2a0a;background:#059400;box-shadow:0 0 10px #059400,0 0 40px #059400,0 0 80px #059400;transition-delay:.3s}.dcv span{position:absolute;display:block}.dcv span:nth-child(1){top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#059400)}.dcv:hover span:nth-child(1){left:100%;transition:.5s}.dcv span:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#059400)}.dcv:hover span:nth-child(2){top:100%;transition:1s;transition-delay:.125s}.dcv span:nth-child(3){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent,#059400)}.dcv:hover span:nth-child(3){right:100%;transition:1s;transition-delay:.25s}.dcv span:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(360deg,transparent,#059400)}.dcv:hover span:nth-child(4){bottom:100%;transition:1s;transition-delay:.375s}.service-title{width:20%;background:transparent;letter-spacing:.3vw;font-size:clamp(20px,1.75vw,150vw);color:#616161;padding-top:1%;padding-left:1%;border-bottom:.2vw solid;border-color:#616161}#service{position:relative;background:transparent;width:40%;right:25%;text-align:center;font-size:1.18vw;font-weight:400;color:#fff}.service-text{font-size:clamp(15px,1.1vw,150vw)}.service-card-wrapper{text-align:center;background-color:transparent;height:auto}.service-card{vertical-align:top;width:11vw;min-width:110px;height:11.5vw;min-height:110px;margin:1%;position:relative;box-shadow:20px 20px 50px #000c;border-radius:5px;border-width:2px;border-color:#fff;background-color:#222;overflow:hidden;display:inline-block;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center}.service-card .service-card-content{width:11vw;height:20vw;min-width:110px;min-height:110px;font-size:clamp(10.1px,1vw,150px);padding:1px;transition:.8s all ease;color:#ccc;background-color:#000;transform:translateY(200px);opacity:0}.service-card:hover .service-card-content{transform:translateY(-1px);opacity:1}.service-card img{position:absolute;width:30%;height:30%;margin-top:20%;left:35%;opacity:1;z-index:-1;filter:saturate(500%) contrast(90%) brightness(500%) invert(80%) sepia(50%) hue-rotate(120deg)}.service-card .service-card-content a{display:inline-block;margin-top:20px;text-decoration:none;padding:8px 30px 11px;border:2px solid #fff;color:#fff;border-radius:50px;transition:.8s all ease}.service-card-text{position:absolute;text-align:center;width:100%;height:50px;margin-top:70%;font-weight:300;font-size:clamp(11px,1vw,150px)}@media screen and (min-width: 1729px) and (min-height: 973px){#about{margin-top:30%}.spacer-section{background-color:transparent;width:50%;height:2%;transform:translate(50%);margin-top:-10%;margin-bottom:-10%;z-index:-3}#contact-form{position:relative;display:flex;flex-direction:column;padding:20px;align-items:flex-end}#contact-form input[type=text],#contact-form input[type=email],#contact-form textarea{opacity:.8;width:100%;margin:2%!important;padding:5%!important;color:#fff;border:.05rem solid rgba(255,255,255,.336);border-radius:4px;background-color:#fff0}#contact-form input[type=submit]{background-color:#333;color:#fff;border:none;padding:10px 20px;border-radius:4px;margin:2%;width:30%;cursor:pointer;text-transform:uppercase;float:right}#contact-form input[type=submit]:hover{background-color:#444}#contact-form input[type=text],#contact-form input[type=email],#contact-form textarea{font-size:.9vw!important;width:100%;height:5vh;box-sizing:border-box}#contact-form textarea{font-size:.9vw!important;resize:none;height:40vh!important}input::placeholder{color:#fff;font-weight:bolder}textarea::placeholder{color:#fff;font-weight:bolder}input::-moz-placeholder{color:#fff;font-weight:bolder}textarea::-moz-placeholder{color:#000;font-weight:bolder}input:-ms-input-placeholder{color:#fff;font-weight:bolder}textarea:-ms-input-placeholder{color:#fff;font-weight:bolder}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3b3b3b;border-radius:50%;width:6px;height:6px;margin-top:1%;float:left;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hidden{display:none}.contact-title{text-align:center;transform:translate(10%);width:30%;padding-top:2%;background:transparent;letter-spacing:.3vw!important;font-size:1.8vw!important;color:#616161;padding-left:1%;border-bottom:2px solid;border-color:#616161}.copyright{position:relative!important;width:100%;height:5rem;margin-top:auto!important;left:5%;top:auto!important;font-size:1.5vw!important;font-weight:lighter;text-align:center;align-content:center}}#projects{display:list-item;list-style-type:none;font-size:medium;background-color:transparent;height:100%;margin-top:0%}.project-title{text-align:center;transform:translate(190%);width:20%;background:transparent;letter-spacing:.3vw;font-size:clamp(20px,1.8vw,150vw);color:#616161;padding-left:1%;border-bottom:.2vw solid;border-color:#616161;margin-left:1.8%}.project-text{text-align:center;font-size:clamp(15px,1.05vw,150vw);margin-left:6%}.carousel{padding-top:10vw;position:relative;display:block;width:100%;margin-top:-8%;box-sizing:border-box;transform-style:preserve-3d;perspective:1000px;left:1.8%}.prev,.next{position:absolute;bottom:-410%;left:50%;font-size:clamp(40px,2vw,150vw);visibility:hidden}.prev:hover,.next:hover{transform:scale(1.25)}.prev{left:45%}.next{left:55%}.carousel__prev,.carousel__next{position:absolute;bottom:-480%;transition:transform .25s ease;transform-origin:bottom}.carousel__prev i,.carousel__next i{font-size:60px;color:var(--box-border);cursor:pointer}.carousel__prev{left:0%}.carousel__next{right:0%}.carousel__prev,.carousel__next{width:0;height:0;border-style:solid;z-index:2}.carousel__prev{border-width:20px 20px 20px 0;border-color:transparent #dbdbdb transparent transparent;left:45%}.carousel__next{border-width:20px 0 20px 20px;border-color:transparent transparent transparent #dbdbdb;right:43%}.far.fa-angle-left,.far.fa-angle-right{width:0;height:0;line-height:1px}.carousel__prev--large,.carousel__next--large{transform:scale(2);background-color:#059400;bottom:-245%;width:11%;height:100%}.carousel__prev--large{left:15%}.carousel__next--large{right:12%}.carousel__prev--second,.carousel__next--second{transform:scale(2);background-color:red;width:7%;height:100%}.carousel__prev--second{left:-3%}.carousel__next--second{right:-10%}@media only screen and (min-width: 751px) and (max-width:998px){.carousel__prev--large,.carousel__next--large,.carousel__prev--second,.carousel__next--second{top:330%;min-height:160px}}@media only screen and (min-width: 999px) and (max-width:1100px){.carousel__prev--large,.carousel__next--large,.carousel__prev--second,.carousel__next--second{top:350%;min-height:250px}}@media only screen and (min-width: 1101px) and (max-width:1300px){.carousel__prev--large,.carousel__next--large,.carousel__prev--second,.carousel__next--second{top:280%;min-height:180px}}@media only screen and (min-width: 1301px) and (max-width:1420px){.carousel__prev--large,.carousel__next--large,.carousel__prev--second,.carousel__next--second{top:260%;min-height:190px}}@media only screen and (min-width: 1421px) and (max-width:1700px){.carousel__prev--large,.carousel__next--large,.carousel__prev--second,.carousel__next--second{top:250%;min-height:190px}}.carousel__prev--large,.carousel__next--large,.carousel__prev--second,.carousel__next--second{opacity:0;z-index:3}.carousel__prev--large:hover,.carousel__next--large:hover,.carousel__prev--second:hover,.carousel__next--second:hover{transform:scale(2)!important}.carousel__slider{margin-left:-5%;opacity:.9;z-index:1}.carousel__body .carousel__slider{position:relative;transition:transform .5s ease-in-out;background:var(--crsl-bg)}.carousel__body .carousel__slider__item{position:relative;display:block;float:left;box-sizing:border-box;margin-left:20px;margin-right:20px}.carousel__body .carousel__slider__item .item__3d-frame{position:relative;width:100%;height:100%;transition:transform .5s ease-in-out;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.carousel__body .carousel__slider__item .item__3d-frame:after{content:"";position:absolute;bottom:-15%;width:100%;height:40px;background:var(--box-shadow);box-shadow:0 0 5px 5px var(--box-shadow);transform:rotateX(90deg) translate3d(0,-20px,0);opacity:.85}.carousel__body .carousel__slider__item .item__3d-frame__box{display:flex;align-items:center;vertical-align:middle;text-align:center;position:absolute;width:100%;height:100%;box-sizing:border-box;border-color:var(--box-border);background:var(--box-bg);border-width:min(.15vw,4px);border-style:solid}.carousel__body .carousel__slider__item .item__3d-frame__box h1{font-size:7em;width:100%;color:var(--box-border)}.carousel__body .carousel__slider__item .item__3d-frame__box--right,.carousel__body .carousel__slider__item .item__3d-frame__box--left{top:0;width:3vw;backface-visibility:hidden}.carousel__body .carousel__slider__item .item__3d-frame__box--left{left:0;border-left-width:.28vw;transform:translate3d(1px,0,-3vw) rotateY(-90deg);transform-origin:0%}.carousel__body .carousel__slider__item .item__3d-frame__box--right{right:0;border-right-width:.28vw;transform:translate3d(-1px,0,-3vw) rotateY(90deg);transform-origin:100%}.carousel__slider__item .card-info{position:absolute;font-size:clamp(13px,1vw,150vw);font-weight:300;bottom:-17vw;height:14vw;left:0;right:0;text-align:center}.carousel__slider__item .item__3d-frame__box--front video{object-fit:cover;object-position:center;position:relative}.carousel__slider__item .item__3d-frame__box--front .project-card-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000c;color:#fff;opacity:0;transition:opacity .5s}.carousel__slider__item .item__3d-frame__box--front .project-card-content:hover{opacity:1}.carousel__slider__item .item__3d-frame__box--front .project-card-content .project-card-text{left:25%;font-size:clamp(15px,1.1vw,150vw)}.title-projects{font-weight:500}.description0{padding-top:-5%;margin-bottom:1%;font-style:italic}.description1{color:#e34f26}.description2{color:#1572b6}.description3{color:#f7df1e}.description4{color:#909}.description5{color:#3776ab}.description6{color:#ffbf00}.description7{color:#247a59}.description8{color:#777bb4}.description9{color:#f0f}.description10{color:#04c5c5}.description11{color:#ff4500}.description12{color:#59666c}.description13{color:#6db33f}.description14{color:#909}.description15{color:#007396}.description16{color:#47a248}.description17{color:#68a063}.description18{color:#1d63ed}.description19{color:#82a8f6}.description20{color:#1a950e}.description21{color:#0ea5e9}.description0{font-size:1vw;font-style:italic}.description1,.description2,.description3,.description4,.description5,.description6,.description7,.description8,.description9,.description10,.description11,.description12,.description13,.description14,.description15,.description16,.description17,.description18,.description19,.description20,.description21{display:inline-block;width:auto;height:8%;margin:max(.2vw,3px);font-size:.85vw;font-weight:bolder;font-style:italic;text-align:center;border-radius:15%;border-width:1px;border-color:#fffaf0;opacity:1}.project-logo-container{display:inline-flex;margin-left:32.5%}.project-group-logo{width:10%;min-width:20px;height:10%;min-height:20px;margin-left:10%;filter:saturate(500%) contrast(90%) brightness(500%) invert(80%) sepia(50%) hue-rotate(120deg)}.project-solo-logo{width:10%;min-width:20px;height:10%;min-height:20px;margin-left:22.5%;filter:saturate(500%) contrast(90%) brightness(500%) invert(80%) sepia(50%) hue-rotate(120deg)}.project-github-logo{display:inline-flex;width:10%;min-width:20px;height:10%;min-height:20px;margin-left:5%;filter:saturate(500%) contrast(90%) brightness(500%) invert(80%) sepia(50%) hue-rotate(120deg)}img{width:100%;height:100%}.img{position:relative;width:100%;height:80%}.img:after{content:"";display:block}.img canvas{position:relative;border-width:3px 3px;border-radius:10px}.lightbox-backdrop{position:fixed;top:-100%;left:-10%;width:200vw;height:300vh;background-color:#000000d3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:0;pointer-events:none}.project-description-text br{display:block;content:"";margin-top:.75em}.line-break{height:1.25em}.lightbox{display:flex;justify-content:center;align-items:center;position:absolute;z-index:1;width:90vw;height:80%;top:15%;left:4.5%;background-color:#0003;border-radius:1rem;overflow:hidden}.lightbox-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:2fr 1fr;gap:1rem;width:90vw;height:80vh;padding:1rem;background-color:#1e1e1e;border-radius:1rem;position:relative}.lightbox-video-area{grid-area:1 / 1 / 2 / 2}.project-description-container{grid-area:1 / 2 / 2 / 3;overflow-y:auto}.lightbox-logo-container{grid-area:2 / 1 / 3 / 3}.lightbox-video-area .lightbox-content{width:100%;height:100%;object-fit:cover;object-position:center;border-bottom:none}.project-description-container{color:#fff;text-align:left;width:90%;margin-top:6%}.project-name{font-weight:700;font-size:clamp(15px,1.5vw,2rem);margin-bottom:.5rem;text-align:center}.project-description-text{font-weight:300;font-size:clamp(12px,1vw,1.5rem);margin-bottom:.75rem;text-align:start}.ul-title{font-weight:400;margin-left:25px;font-size:clamp(14px,1.2vw,2rem)}.ul-description{font-weight:200;font-size:clamp(12px,.9vw,2rem)}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.project-tags .tag{padding:.25vw .5vw;border-radius:.25rem;font-size:clamp(10px,.9vw,2rem)!important;background:#333}.lightbox-logo-container{display:flex;flex-wrap:wrap;height:50%;gap:.75rem;align-items:center;justify-content:flex-start;overflow-x:auto;padding:.5rem;background:transparent}.lightbox-logo-wrapper{display:flex;gap:.25rem}.lightbox-group-logo,.lightbox-solo-logo{width:1.5rem;height:1.5rem;filter:saturate(500%) contrast(90%) brightness(500%) invert(80%) sepia(50%) hue-rotate(120deg)}.lightbox-logo-container{display:flex;flex-wrap:wrap;gap:.75rem;padding:.5rem}.lightbox-logo-btn{display:flex;align-items:center;background:#333;border:none;border-radius:.25rem;padding:.25rem .5rem;cursor:pointer}.lightbox-logo-btn img{width:1.5rem;height:1.5rem;margin-right:.5rem;filter:saturate(500%) contrast(90%) brightness(500%) invert(80%) sepia(50%) hue-rotate(120deg)}.logo-btn-label{color:#fff;font-size:clamp(12px,.9vw,2rem)!important}.lightbox .close{position:absolute;width:4%;top:1rem;right:1rem;height:2.5rem;color:#f1f1f1;font-size:2rem;font-weight:700;cursor:pointer;z-index:2;display:flex;justify-content:center;align-items:center}@media (max-height: 700px) and (min-width: 999px){.lightbox{height:auto}.lightbox-video-area .lightbox-content{width:100%;height:100%}}@media (max-width: 768px){.lightbox{width:100vw;height:auto;top:15%;left:-3%;border-radius:1rem}.lightbox .close{width:10%}.lightbox-grid{display:block;width:95vw;height:auto}.lightbox-video-area,.project-description-container,.lightbox-logo-container{width:100%;margin-bottom:1rem}.lightbox-logo-container{justify-content:center}.project-description-container{width:100%}.project-tags{justify-content:center}}@media (max-width: 500px){.lightbox-logo-container{justify-content:center;margin-left:-1%}}.spacer-section{background-color:transparent;width:50%;height:2%;transform:translate(50%);margin-top:-10%;margin-bottom:-10%;z-index:-3}#contact{position:relative;top:1%;right:22%;background:#0003;width:45%;height:auto}.delivering{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;color:#fff;display:flex;font-size:clamp(15px,1.6vw,150vw);justify-content:center;align-items:center;display:none}.positive,.negative{display:flex;flex-direction:column;justify-content:center;align-items:center}.message{margin-top:7vw;width:max-content;font-size:clamp(10px,1.2vw,150vw);transform:translate(-40%)}.positive{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;color:#fff;display:flex;justify-content:center;align-items:center;display:none}.check-icon{width:5.25vw;height:5.25vw;position:relative;border-radius:50%;box-sizing:content-box;border:.3vw solid #4CAF50}.check-icon:before{top:.3vw;left:-.2vw;width:3vw;transform-origin:100% 50%;border-radius:10vw 0 0 10vw;content:"";height:10vw;position:absolute;background:transparent;transform:rotate(-45deg)}.check-icon:after{top:0;left:3vw;width:6vw;transform-origin:0 50%;border-radius:0 10vw 10vw 0;animation:rotate-circle 4.25s ease-in;content:"";height:10vw;position:absolute;background:transparent;transform:rotate(-45deg)}.check-icon .icon-line{height:.3vw;background-color:#4caf50;display:block;border-radius:.2vw;position:absolute;z-index:10}.check-icon .icon-line.line-tip{top:3vw;left:.95vw;width:1.5vw;transform:rotate(45deg);animation:icon-line-tip .75s}.check-icon .icon-line.line-long{top:2.34vw;right:.3532vw;width:3.3vw;transform:rotate(-45deg);animation:icon-line-long .75s}.check-icon .icon-circle{top:-.3vw;left:-.3vw;z-index:10;width:5.25vw;height:5.25vw;border-radius:50%;position:absolute;box-sizing:content-box}.check-icon .icon-fix{top:.8vw;width:.5vw;left:2.6vw;z-index:1;height:8.5vw;position:absolute;transform:rotate(-45deg);background-color:transparent}@keyframes icon-line-tip{0%{width:0;left:.1vw;top:1.9vw}54%{width:0;left:.1vw;top:1.9vw}70%{width:5vw;left:-.8vw;top:3.7vw}84%{width:1.7vw;left:2.1vw;top:4.8vw}to{width:2.5vw;left:1.4vw;top:4.5vw}}@keyframes icon-line-long{0%{width:0;right:4.6vw;top:5.4vw}65%{width:0;right:4.6vw;top:5.4vw}84%{width:5.5vw;right:0;top:3.5vw}to{width:4.7vw;right:8px;top:3.8vw}}.negative{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;color:#fff;display:flex;justify-content:center;align-items:center;display:none}.ban-icon{width:5.25vw;height:5.25vw;position:relative;border-radius:50%;box-sizing:content-box;border:.3vw solid rgb(182,7,7)}.ban-icon:before{top:.3vw;left:-.2vw;width:3vw;transform-origin:100% 50%;border-radius:10vw 0 0 10vw;content:"";height:10vw;position:absolute;background:#fff0;transform:rotate(-45deg)}.ban-icon:after{top:0;left:3vw;width:6vw;transform-origin:0 50%;border-radius:0 10vw 10vw 0;animation:rotate-circle 4.25s ease-in;content:"";height:10vw;position:absolute;background:#fff0;transform:rotate(-45deg)}.ban-icon .icon-line{height:.3vw;background-color:#b60707;display:block;border-radius:.2vw;position:absolute;z-index:10}.ban-icon .icon-line.line-long-invert{top:2.5vw;left:.8vw;width:3.7vw;transform:rotate(45deg);animation:icon-line-long .75s}.ban-icon .icon-line.line-long{top:2.5vw;left:.8vw;width:3.7vw;transform:rotate(-45deg);animation:icon-line-long .85s}.ban-icon .icon-circle{top:-.3vw;left:-.3vw;z-index:10;width:5.25vw;height:5.25vw;border-radius:50%;position:absolute;box-sizing:content-box}.ban-icon .icon-fix{top:.8vw;width:.5vw;left:2.6vw;z-index:1;height:8.5vw;position:absolute;transform:rotate(-45deg);background-color:#fff0}@keyframes rotate-circle{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes icon-line-long{0%{width:0;right:4.6vw;top:5.4vw}65%{width:0;right:4.6vw;top:5.4vw}84%{width:5.5vw;right:0;top:3.5vw}to{width:4.7vw;right:.8vw;top:3.8vw}}.delivering,.fade,.positive,.negative{animation:fade .5s!important;animation-fill-mode:forwards!important}#contact-form.delivering input,#contact-form.delivering textarea{opacity:0}#contact-form{position:relative;display:flex;flex-direction:column;padding:20px;align-items:flex-end}#contact-form input[type=text],#contact-form input[type=email],#contact-form textarea{opacity:.8;width:100%;margin:10px;padding:20px;color:#fff;border:1px solid rgba(255,255,255,.336);border-radius:4px;background-color:#fff0}#contact-form input[type=submit]{background-color:#333;color:#fff;border:none;padding:10px 20px;border-radius:4px;margin:2%;width:30%;cursor:pointer;text-transform:uppercase;float:right}#contact-form input[type=submit]:hover{background-color:#444}#contact-form input[type=text],#contact-form input[type=email],#contact-form textarea{width:100%;box-sizing:border-box}#contact-form textarea{resize:none;height:32vh}input::placeholder{color:#fff;font-weight:bolder}textarea::placeholder{color:#fff;font-weight:bolder}input::-moz-placeholder{color:#fff;font-weight:bolder}textarea::-moz-placeholder{color:#fff;font-weight:bolder}input:-ms-input-placeholder{color:#fff;font-weight:bolder}textarea:-ms-input-placeholder{color:#fff;font-weight:bolder}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3b3b3b;border-radius:50%;width:6px;height:6px;margin-top:1%;float:left;animation:spin 2s linear infinite}.copyright{position:static;width:100%;height:auto;margin-left:5%;bottom:1rem;font-size:1.1rem;font-weight:lighter;text-align:center;align-content:center}.footer-privacy-link{display:block;width:100%;margin-left:5%;text-align:center;align-content:center;margin-top:.5rem;font-weight:lighter;font-size:clamp(12px,1vw,18px);color:#aaa;text-decoration:none;cursor:pointer;transition:color .2s}.footer-privacy-link:hover{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.2)}body.is-mobile-device .copyright{position:relative}body.is-mobile-device .footer-privacy-link{position:absolute;bottom:10%;left:0;width:100%;text-align:center}@media (max-width: 999px){.footer-privacy-link{right:1rem;bottom:.75rem;font-size:12px}}@media (max-width: 450px){.footer-privacy-link{right:.75rem;bottom:.6rem;font-size:11px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sendBtn{width:10vw;min-width:86px;padding:10% 18%;margin-right:7%;font-family:Lato,sans-serif;font-size:clamp(9px,.9vw,150vw);color:#b3b3b3;background-color:#56565680;border:none;border-radius:3px}.sendBtn:hover{background-color:#414141}.sendBtn:focus{outline:none;background-color:#414141}i{margin-left:.5vw}.plane{position:absolute;right:18px}.fa-check,.fade,.fa-times{animation:fade 2s!important;animation-fill-mode:forwards!important}.hidden{display:none}.visible{display:inline}.fly{position:absolute;animation-name:a;animation-duration:10s;animation-timing-function:ease-in;animation-fill-mode:forwards;animation-delay:0}.done,.done:hover,.sendBtn.done,.sendBtn.done:hover{background-color:#059f0580}.sendBtn.failed,.sendBtn.failed:hover{background-color:#f4060680}@keyframes fade{0%{color:transparent}to{color:#fff}}@keyframes a{0%{top:60vh;left:30vw}to{top:-300vh;left:300vw;transform:scale(-5)}}@keyframes fall{0%{top:60vh;left:30vw;transform:scale(1)}20%{top:50vh;left:40vw;transform:scale(1) rotate(360deg)}to{top:1000vh;left:40vw;transform:scale(1) rotate(360deg)}}.fall{position:absolute;animation-name:fall;animation-duration:10s;animation-timing-function:ease-in;animation-fill-mode:forwards;animation-delay:0}.contact-title{text-align:center;transform:translate(10%);width:30%;padding-top:20px;background:transparent;letter-spacing:.3vw;font-size:clamp(20px,1.8vw,150vw);color:#616161;padding-left:1%;border-bottom:.2vw solid;border-color:#616161}.center{display:flex;align-items:center;justify-content:center}.social-contact{display:flex;padding:1vw;align-items:flex-start;justify-content:center;bottom:.7vw;left:0;height:1vw;min-height:20px;width:10vw;min-width:150px}.button-container{width:102%;display:flex;justify-content:space-between}.social-contact a{display:inline-block;vertical-align:middle;margin-right:12%}.social-contact a:last-child{margin-right:0}.github-logo-contact,.email-logo-contact,.linkedIn-logo-contact,.whatsapp-logo-contact{height:1.75vw;width:1.75vw;min-height:20px;min-width:20px;filter:saturate(500%) contrast(90%) brightness(500%) invert(80%) sepia(50%) hue-rotate(120deg)}@media (max-width: 1200px){#letter{margin-right:-2.5vw;font-weight:700;font-size:1.3em;font-family:Nanum Myeongjo,serif}#letter2{margin-right:-3vw;font-weight:700;font-size:1.3em;font-family:Nanum Myeongjo,serif}}@media (min-height: 1070px){.carousel__prev--large,.carousel__next--large,.carousel__prev--second,.carousel__next--second{opacity:0;z-index:3;height:170%;bottom:-340%}}@media (max-width: 1250px){.carousel__prev--large,.carousel__next--large{transform:scale(2);background-color:#059400;bottom:-240%;width:10%;height:90%}.carousel__prev--large{left:14%}.carousel__next--large{right:12%}.carousel__prev--second,.carousel__next--second{transform:scale(2);background-color:red;width:4%;height:100%}.carousel__prev--second{left:-4%}.carousel__next--second{right:-6%}}@media screen and (max-width: 900px){.prev,.next{bottom:-610%!important}}@media screen and (max-width: 800px){.prev,.next{bottom:-700%!important}}@media screen and (max-width: 700px){.prev,.next{bottom:-810%!important}}@media screen and (max-width: 600px){.prev,.next{bottom:-960%!important}}@media screen and (min-width: 300px) and (max-height: 450px){.prev,.next{bottom:-560%!important}}@media (min-width: 777px) and (max-width: 875px){.skill-icon{margin-top:2%;width:6vw!important;height:6vw!important}.skill-link{width:15%;margin-top:1%!important}}@media (min-width: 430px) and (max-width: 450px){.education-icon{margin-top:2%;width:6vw!important;height:6vw!important}.skill-link{width:15%;margin-top:4%!important}}@media only screen and (max-height: 450px) and (min-width: 1500px){.mobile-menu.active .line1{transform:rotate(-45deg) translate(-17px,50%)}.mobile-menu.active .line2{opacity:0}.mobile-menu.active .line3{transform:rotate(45deg) translate(-17px,-50%)}}@media only screen and (max-height: 450px) and (max-width: 1499px){.mobile-menu.active .line1{transform:rotate(-45deg) translate(-15px,50%)}.mobile-menu.active .line2{opacity:0}.mobile-menu.active .line3{transform:rotate(45deg) translate(-15px,-50%)}}@media only screen and (max-height: 450px) and (max-width: 1200px){.mobile-menu.active .line1{transform:rotate(-45deg) translate(-13px,50%)}.mobile-menu.active .line2{opacity:0}.mobile-menu.active .line3{transform:rotate(45deg) translate(-13px,-50%)}}@media (max-width: 999px){body{overflow-x:hidden}.mobile-menu.active .line1{transform:rotate(-45deg) translate(-14px,50%)!important}.mobile-menu.active .line2{opacity:0}.mobile-menu.active .line3{transform:rotate(45deg) translate(-14px,-50%)!important}.bar-c{display:flex;align-items:center;overflow:hidden;height:3vw;width:4vw;margin:0 auto;position:relative;cursor:pointer}.bar{height:.1vw;width:.5vw;display:inline-block;background-color:#909090;margin-left:1px;border-radius:1px}.bar.noAnim{-webkit-animation:none;-webkit-animation-name:none}#bar-1{-webkit-animation-name:danceHeight1;-webkit-animation-delay:0ms}#bar-2{-webkit-animation-name:danceHeight2;-webkit-animation-delay:.4s}#bar-3{-webkit-animation-name:danceHeight3;-webkit-animation-delay:.8s}#bar-4{-webkit-animation-name:danceHeight4;-webkit-animation-delay:1.2s}#bar-5{-webkit-animation-name:danceHeight5;-webkit-animation-delay:1.8s}#bar-6{-webkit-animation-name:danceHeight6;-webkit-animation-delay:2.2s}.bar{-webkit-animation-duration:.75s;-webkit-animation-play-state:running;-webkit-animation-direction:alternate;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite}@-webkit-keyframes danceHeight1{0%{height:1px}to{height:22px}}@-webkit-keyframes danceHeight2{0%{height:1px}to{height:15px}}@-webkit-keyframes danceHeight3{0%{height:1px}to{height:30px}}@-webkit-keyframes danceHeight4{0%{height:1px}to{height:20px}}@-webkit-keyframes danceHeight5{0%{height:1px}to{height:15px}}@-webkit-keyframes danceHeight6{0%{height:1px}to{height:15px}}.nav-list li{flex-direction:center;letter-spacing:3px;top:0;left:0;max-height:150px;margin:min(1.5%,35px);flex-basis:calc(20% - 150px);color:#a8a8a8;text-align:center;justify-content:center;background:transparent;font-weight:100;font-size:2rem;text-transform:uppercase}.dropdown__items{margin-top:.01rem;width:7vw;margin-left:-125%}.dropdown__item{width:100%;padding-top:2em;padding-bottom:2em;padding-left:1em;display:grid;height:5.5vh;width:7vw;background-color:transparent;font-weight:200;font-size:1vw}.name-container{letter-spacing:.27em;font-size:7vw;align-items:center}#typed{letter-spacing:.3em;font-size:3vw}.contact-Btn{width:50%;padding:.5%;font-size:.4em;transform:translateY(70%)}.scroll{background-color:transparent;width:30vw;height:18vh;left:28vw;top:53vh}*::-webkit-scrollbar{display:none}.forward{position:relative;border-width:.1rem;bottom:3vh;font-size:1em;color:#fff}.nav__dot li{margin:0 0 30px}a{font-size:.7em}.social{display:flex;height:2em;width:15em;margin-top:4vw;justify-content:center;align-items:center}.github-logo{margin-top:0vh}.email-logo{margin-left:6vw}.linkedIn-logo{margin-top:0vh;margin-left:6vw}.whatsapp-logo{margin-left:6vw}.music-credits{display:flex;font-size:large}.speaker{margin-top:1.5vh;margin-left:1vh}.muted{width:15%;max-width:70px;height:10%;min-height:55px;top:.1%;left:.1%;border-radius:1px}.dropdown__button{width:7vw!important;margin-top:12.5%;margin-left:-130%;padding-left:1.3vw;font-weight:200;font-size:1vw;color:#fff}.mobile-menu{position:fixed;top:0;right:-1%;width:12vw;height:4.5vw;min-height:40px;margin-top:2vh;margin-left:1vh;display:block;cursor:pointer}.mobile-menu div{width:35px;max-width:7vw;height:.1vh;background:#a8a8a8;margin:10px;transition:.3s}#loading-screen,#loading-screen-start,#loading-screen-nav{width:125vw;height:110vh;top:-8vh;left:-.5vw;font-style:italic;background:#000;opacity:0;align-items:center;justify-content:center;z-index:2;opacity:1;transition:4s opacity}#loader-text{position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-110px 0 0 -170px;font-size:x-large;letter-spacing:1rem}.loader-desc{font-size:small;color:#303030;letter-spacing:.3rem;font-weight:700;margin-top:15px;margin-left:1%;width:150%}#loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:0 0 0 -150px;border-radius:50%;border:1px solid transparent;border-top-color:#888;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}.counter{position:absolute;color:#fff;left:50%;top:50%;width:150px;height:100px;margin:25px 0 0 -150px;padding-top:35px;letter-spacing:.25rem;font-family:Lato,sans-serif;font-size:larger;font-weight:400;text-align-last:center;text-decoration:underline;font-style:italic}#start-button{position:absolute;color:#c2c2c2;left:50%;top:50%;width:150px;height:80px;margin:5px 0 0 -150px;letter-spacing:.25rem;font-family:Lato,sans-serif;font-size:medium;font-weight:400;border:1px solid;border-color:#282828;border-radius:10%}.tab-links{width:10%;padding-right:5%;padding-left:5%;font-size:13px;font-weight:500;align-items:center}.education-icon{width:5vw;height:5vw}.skill-icon{margin:2%;width:5vw;height:5vw}.skill-link{width:5%!important}.card{width:30px;height:30px}.media-spacer{width:100%;height:350px;background-color:transparent;visibility:visible}.about-title{letter-spacing:.2vw;border-bottom:2px solid}#about{width:104%!important;height:auto!important;font-size:.9em;left:0%;margin-top:1%;padding:5px;border-radius:1%;background-color:#1b1b1b}#service{width:104%!important;height:auto!important;font-size:.8em;left:-2.5%;margin-left:2.5%;margin-top:1%;padding:5px;border-radius:1%;background-color:#1b1b1b}#projects{margin-top:40%;transform:translateY(50%)}.tab-contents.active-tab{display:block}.our-skills{width:100%;left:50%}.dcv{left:50%;display:inline-block;padding:15px 30px;letter-spacing:2px;font-size:.8rem;height:3vh;width:24vw;border-style:solid;border-width:1px;border-radius:25px}.dcv:hover{color:#0a2a0a;background:#059400;box-shadow:0 0 10px #059400,0 0 40px #059400,0 0 80px #059400;transition-delay:.3s}.dcv span{position:absolute;display:block}.project-text{width:90%}.carousel{padding-top:10vw}.prev,.next{position:absolute;bottom:-550%}.carousel__prev,.carousel__next{bottom:-425%}.carousel__prev{left:35%}.carousel__next{right:35%}.carousel__slider__item .card-info h3{font-size:1.2em}.carousel__slider__item .card-info p{font-size:1em}.description0{font-size:small!important}.description1,.description2,.description3,.description4,.description5,.description6,.description7,.description8,.description9,.description10,.description11,.description12,.description13,.description14,.description15,.description16,.description17,.description18,.description19,.description20,.description21{height:10%;font-style:italic;font-size:small!important}.project-github-logo{height:25%}.prev,.next{visibility:hidden}.carousel__prev--large,.carousel__next--large{transform:scale(2);background-color:#059400;bottom:-160%;width:15%;height:150%}.carousel__prev--large{left:3%}.carousel__next--large{right:1%}.carousel__prev--second,.carousel__next--second{visibility:hidden;transform:scale(2);background-color:red;width:4%;height:80%}.carousel__prev--second{left:-4%}.carousel__next--second{right:-6%}.lightbox-logo-container{padding:0rem}.nav__dot{display:none}.spacer-section{background-color:transparent;width:50%;height:20%!important;transform:translate(50%);margin-top:-10%;margin-bottom:-10%;z-index:-3}@keyframes a{0%{top:60vh;left:75vw}to{top:-300vh;left:300vw;transform:scale(-5)}}@keyframes fall{0%{top:60vh;left:75vw;transform:scale(1)}20%{top:50vh;left:85vw;transform:scale(1) rotate(360deg)}to{top:1000vh;left:40vw;transform:scale(1) rotate(360deg)}}#contact{position:relative;top:0%!important;right:1%!important;width:102%;background:#00000080;opacity:1}.check-icon,.ban-icon{transform:scale(3)}.message{margin-top:7vw;width:max-content;font-size:clamp(5px,.6vw,150vw);transform:translate(-30%)}.copyright{width:100%;height:11rem;margin-left:5%;font-size:1.1rem;font-weight:lighter;text-align:center;align-content:center}}.nav-list.active{transform:translate(0)}@keyframes navLinkFade{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media only screen and (max-height: 420px){.nav-list li{font-size:1.25rem}.nav-list{width:120vw;height:123vh;top:-27vh}.nav-list li{margin:.5%}.social{margin-top:-1vw}.github-logo{min-height:15px;min-width:15px;margin-top:0vh}.email-logo{height:1.6vw;width:1.6vw;min-height:15px;min-width:15px}.linkedIn-logo{min-height:20px;min-width:20px}.whatsapp-logo{min-height:15px;min-width:15px}.music-credits{font-size:medium;font-weight:100;margin-top:1vh;border-top:1px solid;border-color:#616161;padding-top:1%;left:30%;bottom:15%}}@media only screen and (max-height: 216px){.nav-list li{font-size:1rem}.nav-list{width:120vw;height:120vh;top:-25vh}.nav-list li{margin:.5%}}@media only screen and (max-height: 321px){.nav-list li{font-size:1.25rem}.nav-list{width:120vw;height:120vh;top:-20vh}.nav-list li{margin:.5%}.social{margin-top:0vw}}@media only screen and (max-width: 450px){.service-card,.service-card .service-card-content{min-width:80px;min-height:80px}.carousel__prev,.carousel__next{bottom:-190%!important;height:100%!important;opacity:1;background-color:transparent!important;border-width:1px;border-radius:5%;border-color:transparent;align-items:left}.carousel__prev{left:-2%!important}.carousel__next{right:-5%!important}.prev,.next{visibility:hidden}.prev_mobile,.next_mobile{background-color:#b2000000!important;height:auto;width:70%;text-align:center;margin-top:min(120%,80px)}.prev_mobile{margin-left:10%}}@media only screen and (max-width: 321px){.nav-list{left:-22.5vw!important}.nav-list li{font-size:1.5rem}}@media only screen and (max-width: 500px){.project-title{transform:translate(0)}}@media only screen and (max-width: 500px) and (min-height: 800px){.carousel__prev,.carousel__next{bottom:-250%!important;height:120%!important}}@media only screen and (min-width: 550px) and (max-width: 999px){.carousel__prev,.carousel__next{bottom:-120%!important}}@media only screen and (max-width: 751px){.dropdown__items{display:flexbox;background-color:transparent;margin-top:.01rem;width:7vw;margin-left:-125%}.dropdown__item{width:100%;padding-top:1.75em;padding-bottom:1.5em;padding-left:1em;display:grid;width:7vw;background-color:transparent;font-weight:200;font-size:1vw}.contact-Btn{background-color:transparent;color:#898989;transform:translateY(50%);left:76%;width:50%;height:40px;letter-spacing:.15rem;font-family:Lato,sans-serif;font-size:small;font-weight:400}.name-container{letter-spacing:.2em;font-size:8vw;align-items:center}#typed{letter-spacing:.2em;font-size:2vw;font-size:3vw}#name{margin-left:5px;font-size:1em}#letter2{margin-right:-4vw;font-weight:700;font-size:1.3em}.name2{font-weight:400;font-size:1em}.carousel__prev--large,.carousel__next--large{transform:scale(2);background-color:#059400;bottom:-720%!important;width:18%;height:360%!important}.carousel__prev--large,.carousel__next--large{transform:scale(2);background-color:#059400;bottom:-160%;width:18%;height:50%}.carousel__prev--large{left:-1%}.carousel__next--large{right:-4%}.carousel__prev--second,.carousel__next--second{transform:scale(2);background-color:red;width:4%;height:50%}.carousel__prev--second{left:-20%}.carousel__next--second{right:-20%}.message{margin-top:7vw;width:max-content;font-size:clamp(5px,.6vw,150vw);transform:translate(-30%)}}@media only screen and (max-width: 651px){.carousel__prev--large,.carousel__next--large{transform:scale(2);background-color:#059400;bottom:-160%;width:10%;height:50%}.carousel__prev--large{left:-1%}.carousel__next--large{right:-1%}.carousel__prev--second,.carousel__next--second{transform:scale(2);background-color:red;width:4%;height:50%}.carousel__prev--second{left:-20%}.carousel__next--second{right:-20%}.message{margin-top:7vw;width:max-content;transform:translate(-40%)}}@media only screen and (max-width: 450px){.dropdown__items{display:flexbox;background-color:transparent;margin-top:.01rem;width:14vw;margin-left:-12.5%}.dropdown__item{width:100%;padding-top:2em;padding-bottom:2em;padding-left:1em;display:grid;height:5.5vh;width:14vw;background-color:transparent;font-weight:200;font-size:2.5vw}.contact-Btn{background-color:transparent;color:#898989;transform:translateY(40%);width:100%;height:40px;letter-spacing:.15rem;font-family:Lato,sans-serif;font-size:small;font-weight:400}#loading-screen,#loading-screen-start,#loading-screen-nav{width:140vw;top:-8vh}.dropdown{right:10%;top:1.5%}.dropdown__button{height:4.5vh;width:15vw;font-weight:200;font-size:x-small}.nav-list{width:120vw;height:117vh;top:-10vh;left:-20vw}.nav-list li{margin:4%;flex-basis:calc(20% - 150px)}.nav__dot{margin:60px 0 0}.nav__dot li{width:5px;height:5px;margin:0 0 20px;border-radius:50%}.music-credits{font-size:5vw;font-weight:100;margin-top:5vh;border-top:3px solid;border-color:#616161;padding-top:1%;left:30%;bottom:15%}.name-container{position:relative;width:60%;top:-22vh;right:-20%;letter-spacing:.27em;font-size:13vw;align-items:center}#name{margin-left:-15px;font-weight:700}#letter{margin-right:-1.6vw;font-weight:900}#letter2{margin-left:3vw;font-weight:900}.name2{color:#a8a8a8;margin-right:2vw;font-weight:400}#typed{letter-spacing:.2em;font-size:4vw}#scroll-down-animation{transform:translate(950%,130%)}.mouse{height:6vw;width:2.1vw;min-height:23px;min-width:11px;border-radius:2px;border:2px solid rgb(255,255,255)}.move{position:absolute;background-color:#fff;height:5px;width:5px;border-radius:50%;left:50%;transform:translate(-50%);animation:move 2s linear infinite}.content{margin:10% auto}.section#about{width:104%!important;height:auto!important;font-size:.9em;left:0%;top:20%;margin-top:10%!important;padding:5px;border-radius:1%;background-color:#1b1b1b}#service{height:auto!important;width:100%;font-size:.8em;left:-2.5%;top:80%;margin-top:50%!important;padding:5px;border-radius:1%;background-color:#1b1b1b}#projects{margin-top:270%}#about{margin-top:-50%!important;font-size:.8em;width:93%}.about-title{font-size:1.2em}.graduation-title{font-size:.8em!important}.graduation-title span{font-size:.875em!important}.tab-contents ul li .course-text{color:#fff;font-size:clamp(12px,.8vw,150vw)!important}.dcv{left:50%;display:inline-block;padding:10px 20px;letter-spacing:2px;font-size:.6rem;height:3vh;width:30vw;border-style:solid;border-width:1px;border-radius:25px}.toggle-button{width:12%}.child li{font-size:10px!important;margin:4px!important}.tab-links{width:15%;padding:2px;margin-right:60px;font-size:10px;font-weight:500;text-align:center;cursor:pointer;position:relative;transition:.5s}.skill-link{margin-top:10px}.education-icon,.skill-icon{width:22px;height:22px}.card{vertical-align:top;width:27px;height:27px;position:relative;margin:7px;box-shadow:20px 20px 50px #000c;border-radius:20px}#service{width:95%}.service-card{width:100%;height:80px}.service-card img{margin-top:5%}.service-title{font-size:1.2em}.service-text{font-size:.9em}.service-card-text{margin-top:60px;font-size:smaller}.service-card-content{width:100%!important;height:80px;font-size:small!important;padding:1px}.project-text{font-size:.9em}.description1,.description2,.description3,.description4,.description5,.description6,.description7,.description8,.description9,.description10,.description11,.description12,.description13,.description14,.description15,.description16,.description17,.description18,.description19,.description20,.description21{height:14%!important}.carousel__prev--large,.carousel__next--large{transform:scale(2);background-color:#059400;bottom:-160%;width:10%;height:50%}.carousel__prev--large{left:-1%}.carousel__next--large{right:-10%}.carousel__prev--second,.carousel__next--second{transform:scale(2);background-color:red;width:4%;height:50%}.carousel__prev--second{left:-20%}.carousel__next--second{right:-20%}.message{margin-top:7vw;width:max-content;font-size:clamp(3px,.6vw,150vw);transform:translate(-40%)}}@media only screen and (max-width: 350px){#loading-screen,#loading-screen-start,#loading-screen-nav{width:150vw;top:-8vh;left:-1vw}.card{width:22px;height:22px}}@media only screen and (max-width: 300px){#loading-screen{width:160vw;top:-8vh;left:-1vw}#loading-screen-start{width:160vw;top:-8vh;left:-3vw}#loading-screen-nav{width:160vw;top:-8vh;left:-1vw}.social-contact{display:flex;padding:1vw;align-items:flex-start;justify-content:center;bottom:.7vw;left:0;height:1vw;min-height:20px;width:10vw;min-width:80px}}@media only screen and (max-height: 570px){#scroll-down-animation{transform:translate(950%,50%)}}@media only screen and (max-height: 450px){.dropdown__items{display:flexbox;background-color:transparent;margin-top:.01rem;width:6.25vw;margin-left:16%}.dropdown__item{width:100%;padding-top:1.75em;padding-bottom:1.5em;padding-left:1em;display:grid;width:6.25vw;background-color:transparent;font-weight:200;font-size:1vw}}@media screen and (max-width: 995px) and (max-height: 450px){.dropdown__items{display:flexbox;background-color:transparent;margin-top:.01rem;width:10vw;margin-left:20%}.dropdown__item{width:100%;padding-top:1.25em;padding-bottom:1.25em;padding-left:1em;display:grid;width:10vw;background-color:transparent;font-weight:200;font-size:1.25vw}}@media screen and (max-width: 450px) and (max-height: 450px){.dropdown__items{display:flexbox;background-color:transparent;margin-top:.01rem;width:14vw;margin-left:-12%}.dropdown__item{width:100%;padding-top:1.25em;padding-bottom:1.25em;padding-left:1em;display:grid;width:14vw;background-color:transparent;font-weight:200;font-size:2.5vw}}@media only screen and (max-height: 510px){#scroll-down-animation{transform:translate(950%)}}@media only screen and (min-width: 996px) and (max-height: 450px){.mobile-menu{height:13vh!important;width:4vw!important;top:0%!important;right:3%!important}.mobile-menu div{width:2vw!important;margin:20%!important}.dropdown__button{width:10vw!important;margin-left:60%!important;font-size:.8vw!important}.dropdown__items{margin-top:.01rem;width:6.5vw!important;margin-left:60%!important}.dropdown__item{padding-top:1.25em;padding-bottom:1.25em;padding-left:1em;width:6.5vw!important;font-size:.8vw!important}}@media only screen and (max-height: 450px){.mobile-menu{height:10vh;width:11vw;max-width:80px;top:0%;right:-1%;margin-top:1vh}.dropdown__button{width:10vw!important;margin-top:12%!important;margin-left:20%;padding-left:2vw;font-weight:200;font-size:1.5vw;color:#fff}.name-container{transform:translateY(-30%);letter-spacing:.27em;font-size:6vw;align-items:center}#name{margin-left:-10px;font-weight:700}#letter{margin-right:-1vw;font-weight:900}#letter2{margin-left:.5vw;font-weight:900}.name2{color:#a8a8a8;margin-right:2vw;margin-left:.5vw!important;font-weight:400}#typed{width:150%;top:70px;left:50%;letter-spacing:.3em;font-size:2.5vw}.contact-Btn{background-color:transparent;color:#898989;transform:translateY(40%);width:160px;height:40px;letter-spacing:.15rem;font-family:Lato,sans-serif;font-size:small;font-weight:400}#scroll-down-animation{transform:translate(950%,-50%)}.mouse{height:23px;width:11px;border-radius:2px;border:2px solid #ffffff}.move{position:absolute;background-color:#fff;height:5px;width:5px;border-radius:50%;left:50%;transform:translate(-50%);animation:move 2s linear infinite}.dropdown{right:8%;top:-2.5%}.dropdown__button{height:10vh;width:9vw}}@media only screen and (max-width: 500px) and (max-height: 451px){.dropdown__button{width:10vw!important;margin-top:25%!important;margin-left:20%;padding-left:2vw;font-weight:200;font-size:1.5vw;color:#fff}}@media only screen and (max-height: 261px){#scroll-down-animation{transform:translate(950%,-10%)}}@media screen and (min-width: 995px) and (max-height: 450px){.dropdown__button{width:6.5vw!important;margin-top:5%!important;margin-left:15%;padding-left:1.5vw;font-weight:200;font-size:1vw;color:#fff}.mobile-menu div{width:4vw;height:.1vh;margin:9.5%}.name-container{transform:translateY(-10%);letter-spacing:.27em;font-size:3.5vw;align-items:center}#typed{letter-spacing:.2em;font-size:1.5vw}.contact-Btn{background-color:transparent;color:#898989;transform:translateY(40%);padding:0%;width:200px;height:40px;letter-spacing:.15rem;font-family:Lato,sans-serif;font-size:small;font-weight:400}}@media screen and (max-width: 995px) and (min-height: 451px){.dropdown__button{height:5vh;margin-top:10%;margin-left:-125%;padding-left:1.5vw;font-weight:200;font-size:1vw;color:#fff}}@media screen and (max-width: 810px) and (min-height: 451px){.dropdown__button{height:6vh;margin-top:10%;margin-left:-125%;padding-left:1.5vw;font-weight:200;font-size:1vw;color:#fff}}@media screen and (max-width: 450px) and (max-height: 451px){.dropdown__button{height:8vh;width:15vw!important;margin-top:25%;margin-left:-15%;padding-left:2.5vw;font-weight:200;font-size:2.5vw;color:#fff}}@media screen and (max-width: 700px) and (min-height: 451px){.dropdown__button{height:6vh;width:9vw!important;margin-top:15%;margin-left:-110%;padding-left:1vw;font-size:1.5vw}.dropdown__items{display:flexbox;background-color:transparent;margin-top:.01rem;width:8vw;margin-left:-105%}.dropdown__item{width:100%;padding-top:1.75em;padding-bottom:1.5em;padding-left:1em;display:grid;width:8vw;background-color:transparent;font-weight:200;font-size:1.5vw}}@media screen and (max-width: 550px) and (min-height: 451px){.dropdown__button{width:9vw!important;margin-top:22.5%;margin-left:-110%;padding-left:1vw;font-size:1.5vw}}@media screen and (max-width: 450px) and (min-height: 451px){.dropdown__button{height:4.5vh;width:15vw!important;margin-top:10%;margin-left:-15%;padding-left:2vw;font-weight:200;font-size:2.5vw;color:#fff}.dropdown__items{display:flexbox;background-color:transparent;margin-top:.01rem;width:14vw;margin-left:-12%}.dropdown__item{width:100%;padding-top:1.75em;padding-bottom:1.5em;padding-left:1em;display:grid;width:14vw;background-color:transparent;font-weight:200;font-size:2.5vw}}@media screen and (max-width: 450px) and (max-height: 450px){.name-container{position:relative;width:60%;top:5vh;right:-20%;letter-spacing:.27em;font-size:12vw;align-items:center}#name{margin-left:-15px;font-weight:700}#letter{margin-right:-1.6vw;font-weight:900}#letter2{margin-left:3vw;font-weight:900}.name2{color:#a8a8a8;margin-right:-2vw;margin-left:-3vw!important;font-weight:400}#typed{letter-spacing:.2em;font-size:4vw}.contact-Btn{background-color:transparent;color:#898989;transform:translateY(40%);width:160px;height:40px;letter-spacing:.15rem;font-family:Lato,sans-serif;font-size:small;font-weight:400}#scroll-down-animation{transform:translate(960%)}.mouse{border-radius:2px;border:2px solid rgb(255,255,255)}.move{position:absolute;background-color:#fff;height:5px;width:5px;border-radius:50%;left:50%;transform:translate(-50%);animation:move 2s linear infinite}}@media screen and (max-width: 341px) and (max-height: 450px){.name-container{position:relative;width:60%;top:5vh;right:-20%;letter-spacing:.27em;font-size:13vw;align-items:center}.contact-Btn{background-color:transparent;color:#898989;transform:translateY(50%);width:130px;height:40px;letter-spacing:.15rem;font-family:Lato,sans-serif;font-size:10px;font-weight:400}#scroll-down-animation{transform:translate(960%)}.mouse{border-radius:2px;border:2px solid rgb(255,255,255)}.move{position:absolute;background-color:#fff;height:5px;width:5px;border-radius:50%;left:60%;transform:translate(-50%);animation:move 2s linear infinite}}@media screen and (max-width: 272px){.name-container{position:relative;width:60%;top:-10vh;right:-20%;letter-spacing:.27em;font-size:15vw;align-items:center}.contact-Btn{background-color:transparent;color:#898989;transform:translate(-1%,50%);width:100px;height:30px;letter-spacing:.15rem;font-family:Lato,sans-serif;font-size:8px;font-weight:400}#scroll-down-animation{transform:translate(950%)}.mouse{border-radius:2px;border:2px solid rgb(255,255,255)}.move{position:absolute;background-color:#fff;height:5px;width:5px;border-radius:50%;left:80%;transform:translate(-50%);animation:move 2s linear infinite}.dropdown__button{height:4.5vh;width:15vw!important;margin-top:10%;margin-left:-15%;padding-left:2vw;font-weight:200;font-size:2.5vw;color:#fff}.mobile-menu{width:14vw}.mobile-menu div{width:7vw;height:.1vh;margin:25%}}@media screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (min-device-height: 1024px) and (max-device-height: 1024px){.nav-list li{margin:min(1%,35px);font-size:2rem}.social{margin-top:-1vw}.music-credits{font-size:1.5vw;margin-top:5vh}}@media screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (min-device-height: 1366px) and (max-device-height: 1366px){.nav-list li{margin:min(-2%,35px);font-size:2rem}.social{margin-top:-4vw}.music-credits{font-size:2vw;margin-top:3vh}.dropdown{right:2%}#loading-screen,#loading-screen-start,#loading-screen-nav{left:-2.5vw}#about{transform:scale(1.5);width:35%!important;left:60%;top:60vw!important}#service{top:70vw!important}.service{transform:scale(1.5);width:68%;left:17%}#projects{transform:scale(1.2);margin-left:1%;margin-top:90vw!important}.project-title{font-size:1.75rem}.project-text{font-size:1.3rem}.title-projects{font-size:1.5rem!important}.description0{font-size:1rem!important}.contact{transform:scale(1.75);left:40%;width:120%;margin-left:1%;margin-top:90vw!important}.copyright{position:relative!important;height:5rem;left:-25%}}@media screen and (min-device-width: 820px) and (max-device-width: 820px) and (min-device-height: 1180px) and (max-device-height: 1180px){.nav-list li{margin:min(-1%,35px);font-size:2rem}.social{margin-top:-4vw}.music-credits{font-size:2vw;margin-top:3vh}#about{top:30vw!important}#service{top:70vw!important}#projects{margin-top:90vw!important}}@media screen and (min-device-width: 1024px) and (max-device-width: 1321px){.mobile-menu.active .line1{transform:rotate(-45deg) translate(-10px,50%)!important}.mobile-menu.active .line2{opacity:0}.mobile-menu.active .line3{transform:rotate(45deg) translate(-10px,-50%)!important}}@media screen and (min-device-width: 768px) and (max-device-width: 768px) and (min-device-height: 1024px) and (max-device-height: 1024px){.nav-list li{margin:min(1.5%,35px);font-size:2rem}.social{margin-top:-1vw}.music-credits{font-size:2vw;margin-top:3vh}#about{top:20vw!important}#service{top:60vw!important}#projects,.contact{margin-top:90vw!important}}