@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500&display=swap);*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;width:100%;background:#05081f!important;color:#8892b0!important;font-family:Roboto,sans-serif}.preloader[data-v-85e2555c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#05081f;z-index:999}.loader[data-v-85e2555c]{position:relative;width:200px;height:200px;overflow:hidden;-webkit-box-reflect:below 1px linear-gradient(transparent,rgba(0,0,0,.33))}.loader span[data-v-85e2555c]{position:absolute;display:block}.loader span[data-v-85e2555c]:first-child{top:0;left:-100%;width:100%;height:40px;background:-webkit-gradient(linear,left top,right top,from(transparent),to(#03e9f4));background:linear-gradient(90deg,transparent,#03e9f4);-webkit-animation:animate1-data-v-85e2555c 1s linear infinite;animation:animate1-data-v-85e2555c 1s linear infinite;-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes animate1-data-v-85e2555c{0%{left:-100%}to{left:100%}}@keyframes animate1-data-v-85e2555c{0%{left:-100%}to{left:100%}}.loader span[data-v-85e2555c]:nth-child(3){bottom:0;left:-100%;width:100%;height:40px;background:-webkit-gradient(linear,right top,left top,from(transparent),to(#03e9f4));background:linear-gradient(270deg,transparent,#03e9f4);-webkit-animation:animate3-data-v-85e2555c 1s linear infinite;animation:animate3-data-v-85e2555c 1s linear infinite;-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes animate3-data-v-85e2555c{0%{left:100%}to{left:-100%}}@keyframes animate3-data-v-85e2555c{0%{left:100%}to{left:-100%}}.loader span[data-v-85e2555c]:nth-child(2){right:0;top:-100%;width:40px;height:100%;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#03e9f4));background:linear-gradient(180deg,transparent,#03e9f4);-webkit-animation:animate2-data-v-85e2555c 1s linear infinite;animation:animate2-data-v-85e2555c 1s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes animate2-data-v-85e2555c{0%{top:-100%}to{top:100%}}@keyframes animate2-data-v-85e2555c{0%{top:-100%}to{top:100%}}.loader span[data-v-85e2555c]:nth-child(4){left:0;top:100%;width:40px;height:100%;background:-webkit-gradient(linear,left bottom,left top,from(transparent),to(#03e9f4));background:linear-gradient(0deg,transparent,#03e9f4);-webkit-animation:animate4-data-v-85e2555c 1s linear infinite;animation:animate4-data-v-85e2555c 1s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes animate4-data-v-85e2555c{0%{top:100%}to{top:-100%}}@keyframes animate4-data-v-85e2555c{0%{top:100%}to{top:-100%}}h1{font-size:68px;color:#ccd6f6}h1,h2{font-family:Roboto,sans-serif;font-weight:600}h2{font-size:60px}h3{font-size:26px;color:#ccd6f6}h3,p{font-family:Roboto,sans-serif}p{font-size:16px}.navbar-toggler{position:absolute;right:5%}.show-mobile{display:none}.button{position:relative;width:100px;text-align:center;padding:10px 20px;margin-left:10px;font-size:16px;font-weight:300;font-family:Fira Code,monospace;border:1px solid#03e9f4;border-radius:5px;cursor:pointer;-webkit-transition:.5s;transition:.5s}.button,.button a{text-decoration:none}.button a{color:#03e9f4}.button:hover{background:rgba(3,232,244,.2)}.navbar{height:90px;width:100vw;background:rgba(5,8,31,.95);position:fixed;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:20px;padding-left:50px;padding-right:50px;-webkit-transition:all .1s ease-out;transition:all .1s ease-out;z-index:9999}.nav-link,.navbar{display:-webkit-box;display:-ms-flexbox;display:flex}.nav-link{list-style:none}.nav-item a{display:inline-block;padding:10px 15px;text-decoration:none;color:#fff;font-family:Fira Code,monospace;font-size:15px;font-weight:300}.nav-item:after{content:"";display:block;width:0;height:2px;background:#64ffda}.nav-item:after,.nav-item:hover:after{-webkit-transition:width .3s;transition:width .3s}.nav-item:hover:after{width:100%;color:#64ffda}.bg-mobile{background:rgba(5,8,31,.95)}.nav-mb{list-style:none;display:block;text-align:center;padding-top:80px}.nav-item-mb a{display:inline-block;padding:10px 15px;text-decoration:none;color:#fff;font-family:Fira Code,monospace;font-size:15px;font-weight:300}a:hover{color:#64ffda}.logo img{width:175px;vertical-align:middle}.logo{display:inline-block}.navbar.hidden-navbar{-webkit-box-shadow:none;box-shadow:none;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:.3s;transition:.3s}.intro{margin-top:120px;margin-left:50px}.hello{font-family:Fira Code,monospace;color:#03e9f4}.desc-intro{padding-right:550px;font-size:17px}.glow{position:relative;width:170px;text-align:center;padding:15px 20px;margin-top:40px;font-size:16px;color:#03e9f4;font-weight:300;font-family:Fira Code,monospace;border:1px solid#03e9f4;border-radius:5px;cursor:pointer;-webkit-transition:.7s;transition:.7s}.glow,.glow a{text-decoration:none}.glow a{color:#ebf0ff}.glow:hover{background:#03e9f4;-webkit-box-shadow:0 0 15px 0 #03e9f4,0 5px 20px 0 #03e9f4;box-shadow:0 0 15px 0 #03e9f4,0 5px 20px 0 #03e9f4;font-weight:500}.about{margin-top:200px;margin-bottom:200px}.desc{padding-left:50px}.title-about{margin-bottom:50px;font-weight:600}.bio{margin-top:35px;text-align:center;width:55%;border-radius:10px;z-index:1}.overlay{top:35px;left:24%;width:52%;background-color:#28f1c2;opacity:.5;border-radius:10px;-webkit-transition:.2s;transition:.2s}.box,.overlay{position:absolute;height:396px}.box{top:0;left:155px}.box,.box-2{border:1px solid #03e9f4;width:55%;border-radius:10px;z-index:-1}.box-2{position:absolute;top:35px;left:120px;height:396px}.overlay:hover{opacity:0}.vl{position:absolute;margin-top:18px;margin-left:130px;border-top:1px solid #03e9f4;width:40%}.text-about{padding-bottom:5px;line-height:1.5em}.item{margin-left:-40px}.item li{padding:5px 0;font-size:14px;font-family:Fira Code,monospace;list-style:none}.list-icon{color:#03e9f4;margin-right:10px!important}.portofolio{padding-left:50px}.vl-p{position:absolute;margin-top:18px;margin-left:250px;border-top:1px solid #03e9f4;width:23%}.porto-title{font-weight:600}.porto{margin-bottom:50px}.hero{margin-top:40px;width:650px;height:400px;border-radius:5px}.overlay-p{position:absolute;top:39px;left:15px;width:650px;height:401px;background-color:#28f1c2;opacity:.5;border-radius:10px;-webkit-transition:.2s;transition:.2s}.overlay-p:hover{opacity:0}.desc-porto{padding-top:100px}.featured{font-family:Fira Code,monospace;color:#03e9f4;font-size:16px;float:right}.name-porto{margin-top:-10px;float:right}.block-card{width:490px;background-color:#172a45;margin-top:90px;margin-left:-150px;padding-top:25px;padding-bottom:15px;padding-left:15px;padding-right:15px;text-align:right;border-radius:5px}.stack{margin-top:15px;float:right;font-family:Fira Code,monospace;color:#03e9f4;font-size:15px}.stack li{display:inline-block;padding:0 8px}.item-porto li{list-style:none}.porto-icon{font-size:22px;float:right;margin:0 15px;cursor:pointer;color:#ccd6f6}.porto-icon:hover{color:#03e9f4}.project-section{margin-top:200px}.project-title{font-weight:600}.subtitle-project{font-family:Fira Code,monospace;color:#03e9f4;font-size:16px;margin-bottom:50px}.vl1-project{right:5%;border-top:1px solid #03e9f4}.vl1-project,.vl2-project{position:absolute;top:30%;width:35%}.vl2-project{left:5%;border-bottom:1px solid #03e9f4}.item-project{-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:7px 7px;width:320px;height:300px;background-color:#172a45;padding-top:25px;padding-bottom:15px;padding-left:20px;padding-right:5px;border-radius:5px}.project-icon{margin-left:-25px;font-size:35px;text-align:center;color:#03e9f4}.title-project{margin-top:20px;font-weight:600;font-size:18px;color:#ccd6f6;text-align:left}.desc-project{margin-top:10px;margin-bottom:10px;text-align:left}.stack-project{font-family:Fira Code,monospace;color:#03e9f4;font-size:13px;text-align:center;margin-left:-40px;margin-top:20px;text-align:left}.stack-project li{display:inline-block;list-style:none;text-decoration:none;text-align:center;padding:0 5px}.icon-project{margin-left:-70px;margin-top:30px;text-align:center}.icon-project li{display:inline-block;list-style:none;text-decoration:none;padding:0 10px;cursor:pointer}.icon-pro{font-size:25px;color:#03e9f4}.icon-pro:hover{color:#ccd6f6}.contact{margin-top:200px;margin-bottom:300px}.desc-contact,.title-contact{text-align:center}.desc-contact{padding:20px 250px;font-size:18px}.glow-contact{position:absolute;top:250px;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:170px;text-align:center;padding:15px 20px;font-size:16px;color:#03e9f4;font-weight:300;font-family:Fira Code,monospace;border:1px solid#03e9f4;border-radius:5px;cursor:pointer;-webkit-transition:.7s;transition:.7s}.glow-contact:hover{background:rgba(3,232,244,.2)}.footer{margin-bottom:20px;font-family:Fira Code,monospace;color:#989dad;font-size:14px;text-align:center;text-decoration:none;-webkit-transition:.2s;transition:.2s}.footer:hover{color:#03e9f4}link{text-decoration:none}.social-l{position:fixed;top:55%;list-style:none}.social-l li{padding:10px 0}.social-link{font-size:22px;color:#989dad}.social-link:hover{color:#03e9f4}.vl-sl{left:50px}.vl-sl,.vl-sr{position:fixed;top:75%;border-right:2px solid #989dad;height:30%}.vl-sr{right:40px}.v-text{position:fixed;top:45%;right:-90px;font-family:Fira Code,monospace;text-decoration:none;color:#ccd6f6;font-size:14px;letter-spacing:3px;-webkit-transition:.2s;transition:.2s}.v-text:hover{color:#03e9f4;margin-top:3px;text-decoration:none}.rotate{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}.ml-pro{margin-left:235px}@media(max-width:480px){h1{font-size:32px}h2{font-size:22px}h3{font-size:20px}.intro{margin-top:120px;margin-left:20px}.desc{padding-left:25px}.desc-intro{padding-right:0;font-size:17px}.vl{margin-top:13px;margin-left:100px;width:30%}.portofolio{padding-left:20px}.vl-p{margin-top:13px;margin-left:190px}.desc-porto{padding-top:20px}.featured{font-size:16px;float:left}.name-porto{margin-top:-10px;float:left}.block-card{width:350px!important;margin-top:90px;margin-left:0;padding-top:25px;padding-bottom:15px;padding-left:15px;padding-right:15px;text-align:left}.stack{margin-top:15px;float:left;font-family:Fira Code,monospace;color:#03e9f4;font-size:15px;margin-left:-40px}.item-porto{margin-left:-45px}.porto-icon{float:left}.item-project{margin:7px 7px;width:250px;height:330px;padding-top:25px;padding-bottom:15px;padding-left:20px;padding-right:5px}.vl1-project{right:5%;border-top:1px solid #03e9f4}.vl1-project,.vl2-project{position:absolute;top:30%;width:20%}.vl2-project{left:5%;border-bottom:1px solid #03e9f4}.desc-contact{text-align:center;padding:20px 0;font-size:18px}.footer{margin-bottom:20px;font-family:Fira Code,monospace;color:#989dad;font-size:12px;text-align:center;text-decoration:none;-webkit-transition:.2s;transition:.2s}}@media (max-width:768px){.show-mobile{display:block}.hide-mobile{display:none}h1{font-size:56px}h2{font-size:42px}.intro{margin-top:120px;margin-left:20px}.desc{padding-left:25px}.desc-intro{padding-right:0}.portofolio{padding-left:20px}.desc-porto{padding-top:20px}.featured{font-size:16px;float:left}.name-porto{margin-top:25px;margin-left:-160px;float:left}.block-card{width:450px;margin-top:90px;margin-left:0;padding-top:25px;padding-bottom:15px;padding-left:15px;padding-right:15px;text-align:left}.stack{margin-top:15px;float:left;font-family:Fira Code,monospace;color:#03e9f4;font-size:15px;margin-left:-40px}.item-porto{margin-top:15px;margin-left:0}.porto-icon{float:left}.item-project{margin:7px 7px;width:250px;height:330px;padding-top:25px;padding-bottom:15px;padding-left:20px;padding-right:5px}.desc-contact{text-align:center;padding:20px 70px;font-size:18px}}@media (max-width:992px){.show-mobile{display:block}.hide-mobile{display:none}h1{font-size:56px}h2{font-size:42px}.intro{margin-top:120px;margin-left:20px}.desc{padding-left:25px}.desc-intro{padding-right:0}.portofolio{padding-left:20px}.desc-porto{padding-top:20px}.featured{font-size:16px;float:left}.name-porto{margin-top:25px;margin-left:-160px;float:left}.block-card{width:450px;margin-top:90px;margin-left:0;padding-top:25px;padding-bottom:15px;padding-left:15px;padding-right:15px;text-align:left}.stack{margin-top:15px;float:left;font-family:Fira Code,monospace;color:#03e9f4;font-size:15px;margin-left:-40px}.item-porto{margin-top:15px;margin-left:0}.porto-icon{float:left}.item-project{margin:7px 7px;width:250px;height:330px;padding-top:25px;padding-bottom:15px;padding-left:20px;padding-right:5px}.desc-contact{text-align:center;padding:20px 70px;font-size:18px}}@media (max-width:1024px){.box,.overlay{height:330px}.box{position:absolute;top:0;left:155px;width:55%}}@media (max-width:1200px){.box,.overlay{height:330px}.box{position:absolute;top:0;left:155px;width:55%}}