@import "https://fonts.googleapis.com/css2?family=Georama: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";::-webkit-scrollbar{display:none}:root{--font-color:#e6e6e6;--main-color:#efd89c;--heading-font:"Hack", "serif";--main-font:"Georama", sans-serif;background-color:#3c3c3c}section{width:100%;height:100vh;position:relative;overflow:hidden}ul{margin:0;padding:0;list-style-type:none;display:flex}li{margin:0;padding:0}.nav{z-index:10;position:absolute}h1{font-size:4rem}.item,.hover-item{border:2px solid var(--main-color);width:40px;height:40px;box-shadow:0 0 5px var(--font-color);border-radius:50%;place-items:center;margin:5px;padding:5px;display:grid}.item img{object-fit:contain}.ufo-icon{width:60px;height:60px;box-shadow:none;opacity:.8;border:0;transition:all .3s;display:inline-block;position:relative}.ufo-icon img{width:inherit;height:inherit}.ufo-icon:hover{opacity:1}.ufo-icon:hover:after{content:"home";font-size:10px;position:absolute;top:-10%;left:30%}.hover-item{color:var(--font-color);text-align:center;font-weight:700;line-height:3;font-family:var(--main-font);background:#00000080;font-size:9px;position:absolute}.btn{color:var(--font-color);border:2px solid var(--main-color);border-radius:50px;margin:10px 15px 5px 0;padding:10px 20px;font-size:1.3rem;font-weight:700;text-decoration:none;display:inline-block}.btn:active{box-shadow:0 5px 5px var(--font-color);transform:translateY(2px)}.btn:hover,.project .btn-group .active{background-color:var(--main-color);color:#3c3c3c}.planet{width:35vw}.disable{display:none}.loading{width:100%;height:100vh}.ufo-loading{width:50%;animation:1.8s ease-in-out infinite ufo-loading}@keyframes ufo-loading{0%{transform:translateY(0)}50%{transform:translateY(20%)}to{transform:translateY(0)}}:root{--main-color:#efd89c}._nav_14l8f_5{padding:10px;top:0;left:0}._greet-text_14l8f_11{text-align:center;font-size:18px;line-height:1.5}._name_14l8f_17{font-size:48px}._hero-moon_14l8f_21{width:80%;top:60%;left:50%}._hero-mars_14l8f_27{width:50%;top:-60%;right:-20%}@media (width<=768px){._hero-moon_14l8f_21{top:70%}._hero-mars_14l8f_27{top:-20%;right:-25%}._greet-text_14l8f_11{width:90%;font-size:calc(.854701vw + 11.4359px)}._name_14l8f_17{font-size:calc(1.7094vw + 34.8718px);line-height:2}}@media (width<=500px){._nav_14l8f_5 ul{display:none}._hero-moon_14l8f_21{width:100%}._hero-mars_14l8f_27{top:-20%;right:-25%}}.home-about{align-items:center;display:flex}.home-about .nav{top:2%;right:2%}.home-about .menu{place-items:center;display:grid}.home-about .container{width:60%;margin-left:10%}.home-about .intro{font-size:24px;line-height:60px}.home-about .name,.home-about .highlight{font-size:1.5em;font-style:italic;font-weight:700}.home-about .highlight{font-size:1.2em}.home-about .saturn{position:absolute;bottom:-20%;right:-10%}@media (width<=768px){.home-about .intro{font-size:14px;line-height:30px}}@media (width<=500px){.home-about{justify-content:center}.home-about .container{text-align:center;margin:0}.home-about .nav{display:none}.home-about .saturn{bottom:0;right:0}}.project{flex-direction:column;align-items:center;display:flex}.project .nav{margin:10px;bottom:0;right:0}.project .card-container{align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.project .card-container .arrow{color:#efd89c;filter:drop-shadow(0 5px 5px #e6e6e6);cursor:pointer;font-size:3rem;font-weight:700}.project .card-container .left-arrow{left:2%}.project .card-container .right-arrow{right:2%}.project .card-container .card-item{justify-content:center;align-items:center;column-gap:5%;width:100vw;height:60vh;display:flex}.project .card-container .card-item .card-img{object-fit:cover;border-radius:10px;width:40%;height:40vh;box-shadow:0 10px 20px #e6e6e6}.project .card-container .card-item .card-info{width:40%}.project .card-container .card-item .item,.project .card-container .card-item .hover-item{font-size:7px}.project .card-container .card-item .btn{align-items:center;font-size:14px;display:inline-flex}.project .card-container .card-item .btn-img{margin-left:10px}@media (width<=768px){.project{height:auto}.project .btn-group{text-align:center;flex-wrap:wrap}.project .card-container p{font-size:14px}.project .card-container .card-item{flex-direction:column;justify-content:flex-start;height:80vh;margin-top:10%}.project .card-container .card-item .card-img,.project .card-container .card-item .card-info{object-position:top 0 left 30%;width:70%;height:30vh}.project .card-container .card-item .btn-group{text-align:left}}@media (width<=500px){.project .nav{display:none}}.contact h1{text-align:center}.contact .contact-body{grid-template-columns:40% 20% 40%;height:70vh;display:grid}.contact .icon-group{flex-direction:column;align-items:center}.contact .item,.contact .hover-item{width:10vw;height:10vw;margin:20px 0;font-size:1.2em}.contact .item img{width:6vw;height:6vw}.contact .profile{width:20vw}.contact .msg{color:#35b835;text-align:center;font-style:italic}.contact .form-input,.contact .submit-btn{color:#e6e6e6;background:0 0;border:1.5px solid #e6e6e6;border-radius:50px;width:50%;padding:3% 4%;font-family:Hack,sans-serif;display:block}.contact .submit-btn{cursor:pointer;font-family:Hack Bold,sans-serif}.contact .submit-btn:hover{color:#3c3c3c;background-color:#e6e6e6}.contact .submit-btn:active{transform:translateY(4px)}.contact .form-input:focus,.contact .submit-btn:hover{outline:none;box-shadow:0 0 8px #efd89c}.contact .contact-moon{top:75%;left:50%;transform:translate(-50%)}.contact .nav{top:65%;left:50%;transform:translate(-50%)}.contact .nav .ufo-icon img{width:80px;height:80px}.contact .nav .ufo-icon:hover:after{content:"HOME";font-size:12px;left:50%}@media (width<=768px){.contact{height:auto}.contact .contact-body{grid-template-rows:30vh 30vh 80vh 30vh;grid-template-columns:1fr;height:auto;margin-top:10%;display:grid}.contact .contact-body .icon-group{flex-flow:wrap;justify-content:center;justify-self:center;align-items:center;width:200px}.contact .contact-body .icon-group .item{margin:10px}.contact .contact-body .icon-group .item,.contact .contact-body .icon-group .hover-item{width:80px;height:80px;font-size:1em}.contact .contact-body .icon-group .item img{width:50px;height:50px}.contact .contact-body .contact-moon{width:100%;top:90%}.contact .nav{top:83%}.contact .profile{place-self:center;width:180px}}@media (width<=500px){.contact .nav{display:none}.contact .contact-body{grid-template-rows:30vh 30vh 60vh 20vh}.contact .contact-body .contact-moon{width:100%;top:90%}.contact .form-input,.contact .submit-btn{width:70%;font-size:12px}}.detail{grid-template-columns:10% 40% 5% 40% 5%}.detail .nav{margin:10px;bottom:0;right:0}.detail .detail-body{grid-column:2/span 1;line-height:30px}.detail .detail-img{grid-column:4/span 1;width:100%}.detail .btn{padding:5px 10px;font-size:14px}@media (width<=768px){.detail{text-align:center;grid-template-rows:50vh 120vh;grid-template-columns:1fr;height:auto}.detail .detail-body{grid-area:2/1/span 1/span 1;width:70%;line-height:30px}.detail .detail-img{grid-area:1/1/span 1/span 1;width:80%}}.techskill .nav{margin:10px;bottom:0;left:0}.techskill .tech-icons{flex-wrap:wrap;justify-content:center;width:70%;height:50vh;display:flex}.techskill .tech-icons .item,.techskill .tech-icons .hover-item{text-overflow:ellipsis;width:7vw;height:7vw;margin:5px 20px;font-size:1em}.techskill .tech-icons .item img{object-fit:contain;width:4vw;height:4vw}.techskill .about-mars{top:-25%;left:-15%;transform:rotate(135deg)}@media (width<=768px){.techskill .tech-icons{align-items:center;width:80%;height:auto}.techskill .tech-icons .item,.techskill .tech-icons .hover-item{text-overflow:clip;width:80px;height:80px;font-size:.9em}.techskill .tech-icons .item img{object-fit:contain;width:40px;height:40px}.techskill .about-mars{top:-25%;left:-15%;transform:rotate(135deg)}}@media screen and (width<=480px){.techskill{height:auto}.techskill .tech-icons{width:90%}}.cv .nav{flex-direction:column;align-items:center;margin:10px}.cv h1{text-align:center}.cv .cv-body{grid-template-columns:20% 30% 50%;place-items:center;display:grid}.cv .cv-body .cv-img{object-fit:contain;grid-column:2/span 1;width:100%;height:70vh}.cv .cv-moon{top:80%;right:3%}@media screen and (width<=768px){.cv{height:auto}.cv .cv-body{grid-template-rows:100vh 10vh;grid-template-columns:1fr;place-items:center;display:grid}.cv .cv-body .cv-img{grid-area:1/1/span 1/span 1;width:70%;height:90%}.cv .cv-moon{top:-10%;right:-20%}}@media screen and (width<=500px){.cv{height:auto}.cv .cv-body{grid-template-rows:90vh 10vh}.cv .cv-body .cv-img{grid-area:1/1/span 1/span 1;width:90%;height:90%}.cv .cv-moon{top:-5%;right:-15%}}@font-face{font-family:Hack Bold;src:url(/assets/Hack-Bold-CVmVTnBC.ttf)format("truetype")}@font-face{font-family:Hack Bold Italic;src:url(/assets/Hack-BoldItalic-iNZYSiHu.ttf)format("truetype")}@font-face{font-family:Hack Italic;src:url(/assets/Hack-Italic-DqkP-GBW.ttf)format("truetype")}@font-face{font-family:Hack;src:url(/assets/Hack-Regular-D6rFOwSy.ttf)format("truetype")}:root{--background-color:#3c3c3c;--font-color:#e6e6e6;--main-color:#efd89c;--heading-font:"Hack", "serif";--main-font:"Georama", sans-serif}*{box-sizing:border-box}body{color:var(--font-color);font-family:var(--heading-font);background-image:url(/assets/starbg-DrvsPKhn.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin:0}p{font-family:var(--main-font)}a{color:var(--font-color);text-decoration:none}.p-abs{position:absolute}.p-rel{position:relative}.grid-center{place-items:center;display:grid}.f-color{color:var(--font-color)}.h-font{font-family:var(--heading-font)}.m-font{font-family:var(--main-font)}.burger-icon{border:2px solid var(--main-color);width:45px;height:45px;box-shadow:0 0 5px var(--font-color);cursor:pointer;border-radius:50px;margin:10px;display:none;position:absolute;top:0;left:0}.nav-bg{width:100%;display:none;top:70%}.burger-icon:hover{box-shadow:0 0 10px var(--font-color)}.line{background:var(--font-color);height:2px;transition:all .3s linear;display:inline-block}.line1{width:14px}.line2{width:20px;margin:3px 0}.line3{width:8px}@media (width<=768px){h1{margin:20px;font-size:calc(2.99145vw + 27.0256px)}}@media (width<=500px){section{padding-top:50px}.burger-icon{z-index:100;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed}.menu{display:none}.btn{font-size:14px}.toggle-active{background:var(--background-color);z-index:100;background-image:url(/assets/starbg-DrvsPKhn.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100%;height:100vh;margin:0;position:fixed}.toggle-active .line1,.toggle-active .line3{width:20px}.toggle-active .line1{transform:rotate(45deg)translate(4px,3px)}.toggle-active .line2{opacity:0}.toggle-active .line3{transform:rotate(-45deg)translate(4px,-3px)}.toggle-active .nav-bg{display:block}.toggle-active .menu{display:block;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.toggle-active .item,.toggle-active .hover-item{width:50px;height:50px;margin:10px;padding:0}}