@import url(https://fonts.googleapis.com/css2?family=Nunito&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:Nunito,sans-serif}.lock-scroll{overflow:hidden}body{background:#00040f;overflow-x:hidden}body .preloader{position:absolute;display:flex;justify-content:center;align-items:center;background:#00040f;width:100%;height:100%;z-index:2137}.nav-bg{background:rgba(0,4,15,.7960784314)}nav{color:#fff;position:sticky;top:0;z-index:5;justify-content:center;align-items:center;transition:all .2s ease-in-out}nav,nav .container{height:80px;display:flex}nav .container{width:100%;max-width:1500px;margin:0 auto;padding:0 15px;justify-content:space-between;text-align:center}nav .container .logo{cursor:pointer;display:flex;align-items:center;text-align:center}nav .container .logo path{transition:all .2s ease-in-out}nav .container .logo:hover .tags{fill:#23be53}nav .container .logo:hover .text{fill:#fff}nav .container .hamburger{display:none;z-index:-5}nav .container .hamburger .ham{border:none;outline:none;background:transparent}nav .container .menu{display:flex;align-items:center;text-align:center}nav .container .menu li{list-style:none;display:inline-block;font-size:14px;transition:all .2s ease-in-out;position:relative;padding-bottom:2px}nav .container .menu li:before{content:"";position:absolute;width:100%;height:2px;border-radius:2px;background-color:#23be53;bottom:0;left:0;transform-origin:right;transform:scaleX(0);transition:transform .3s ease-in-out}nav .container .menu li:hover:before{transform-origin:left;transform:scaleX(1)}nav .container .menu li:hover{cursor:pointer}nav .container .menu li a{transition:all .2s ease-in-out}nav .container .menu li span{transition:all .15s ease-in-out;opacity:0}nav .container .menu li.active a{color:#23be53;font-weight:700}nav .container .menu li.active span{color:#23be53;font-weight:700;opacity:1}nav .container .links{display:inline-flex;justify-content:space-between;align-items:center}nav .container .links .cir{height:40px;width:40px;background:rgba(0,4,15,.7960784314);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}nav .container .links .cir svg :is(path,ellipse,circle){transition:all .2s ease-in-out}nav .container .links :is(.git,.mail){margin-right:10px}nav .container .links :is(.git,.linkedin) a{width:100%;height:100%;align-items:center;justify-content:center;display:flex}nav .container .links :is(.mail,.linkedin,.git):hover #mail-stroke,nav .container .links :is(.mail,.linkedin,.git):hover #text,nav .container .links :is(.mail,.linkedin,.git):hover #Vector{fill:#f1f2f2}.scroll-container{position:fixed;height:50px;width:100%;display:flex;justify-content:center;align-items:center;bottom:30px;padding-right:20px;z-index:100}.scroll-container .scroll{position:relative;width:100%;max-width:1500px;margin:0 auto;display:flex;justify-content:flex-end}.scroll-container .scroll .progress{opacity:0;width:50px;height:50px;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center}.scroll-container .scroll .progress #arrowUp{transition:stroke .3s ease-in-out}.scroll-container .scroll .progress:hover{cursor:pointer}.scroll-container .scroll .progress:hover #arrowUp{stroke:#23be53}.scroll-container .scroll .progress .cover{width:calc(100% - 10px);height:calc(100% - 10px);border-radius:50%;background:#00040f;display:flex;align-items:center;justify-content:center;overflow:visible}.scroll-container .scroll .progress .cover svg{overflow:visible}section#projects .col{max-width:100%;flex-basis:100%}section{color:#fff;min-height:calc(100vh - 80px);position:relative;align-items:center;z-index:1}section,section .arrows{display:flex;justify-content:center}section .arrows{position:absolute;margin-bottom:10px;left:0;right:0}section .arrows .arrow{opacity:0}section .container{width:100%;max-width:1500px;margin:0 auto;padding:0 50px}section .container .row{display:flex;flex-wrap:wrap;align-content:stretch;align-items:center;justify-content:center}section .container .row.rev{flex-direction:row-reverse}section .container .row .col{flex:1;max-width:45%;flex-basis:45%;margin:0 10px}section .container .row .col .p-text{display:flex;justify-content:center}section .container .row .col .after-text{height:320px;display:flex;justify-content:center;align-items:center}section .container .row .col .graph{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;margin-left:20px}section .container .row .col .graph svg{position:relative;height:500px;width:100%}section .container .row .col h1.text{color:#ddd;font-weight:lighter}section .container .row .col .items{display:flex;align-items:center;justify-content:center;height:500px}section .container .row .col .items .buttons{position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;width:450px;z-index:100}section .container .row .col .items .buttons button{cursor:pointer;opacity:.75;outline:none;border:none;background:#00040f;width:50px;height:50px;border-radius:50%;transition:all .2s ease-in-out;display:flex;justify-content:center;align-items:center}section .container .row .col .items .buttons button:hover{opacity:1}section .container .row .col .items .item{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;border-radius:50px;overflow:hidden;transition:all .2s ease-in-out;z-index:1;opacity:0}section .container .row .col .items .item .test-cir{width:100%;height:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;padding:0 45px;background-color:#232538}section .container .row .col .items .item .test-cir p span{color:orange}section .container .row .col .items .item .test-cir p span:not(.unfinished){color:#23be53}section .container .row .col .items .item .test-cir h1,section .container .row .col .items .item .test-cir p{margin-bottom:20px}section .container .row .col .items .item .test-cir .pro-link{text-decoration:none;border:2px solid #23be53;border-radius:10px;margin:10px auto;padding:5px 10px;background:transparent;transition:all .2s ease-in-out}section .container .row .col .items .item .test-cir .pro-link span{font-size:.8em;color:#fff;text-decoration:none;transition:all .2s ease-in-out}section .container .row .col .items .item .test-cir .pro-link:hover,section .container .row .col .items .item .test-cir .pro-link:hover span{color:#23be53;border-color:#fff;cursor:pointer}section .container .row .col .items .item.active{opacity:1;z-index:99;box-shadow:20px 20px 20px rgba(0,4,15,.7960784314)}section .container .row .col .items .item.prev{z-index:98;opacity:.5;transform:translate(-100%,-50%) scale(.75);box-shadow:-20px 20px 20px rgba(0,4,15,.7960784314)}section .container .row .col .items .item.next{z-index:98;opacity:.5;transform:translateY(-50%) scale(.75);box-shadow:20px 20px 20px rgba(0,4,15,.7960784314)}section .container .row .col .git-link{display:none}section .container .row .col .git-link a{color:#23be53;text-decoration:none}section .container .row .col .start{display:flex;align-items:center;margin-bottom:20px}section .container .row .col .start .line{height:6px;width:48px;background:#23be53;border-radius:3px;display:inline-block;margin-right:5px}section .container .row .col .start span{font-size:18px;font-weight:700}section .container .row .col p{color:#bbb;margin-right:20px}section .container .row .col .used{margin:10px 0}section .container .row .col .lib-icons{display:flex;justify-content:space-around;flex-wrap:wrap}section .container .row .col .lib-icons .icon{width:80px;height:80px;border-radius:50%;background:rgba(0,4,15,.7960784314);margin:5px;display:flex;align-items:center;justify-content:center}section .container .row .col .full{font-size:16px;font-weight:700;padding:5px;color:#00040f;background:#23be53;border-radius:10px;display:flex;justify-content:center;align-items:center;margin-bottom:20px;outline:none;border:none}section .container .row .col .text{display:flex;flex-wrap:wrap;margin-bottom:20px}section .container .row .col .text .cursor{border-right:2px solid #fff;border-radius:1px;margin-left:5px;-webkit-animation:blink .6s ease infinite;animation:blink .6s ease infinite}@-webkit-keyframes blink{0%{opacity:0}to{opacity:1}}@keyframes blink{0%{opacity:0}to{opacity:1}}section .container .row .col .contact-container{display:flex;justify-content:center}section .container .row .col .fade-in{-webkit-animation:fade-in 1s;animation:fade-in 1s}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}section .container .row .col form.contact-me{display:flex;flex-direction:column;justify-content:center;width:50%;min-width:200px}section .container .row .col form.contact-me label{margin:10px}section .container .row .col form.contact-me textarea{resize:none;height:150px}section .container .row .col form.contact-me textarea:focus{box-shadow:10px 0 25px rgba(0,4,15,.7960784314);border-color:#23be53}section .container .row .col form.contact-me input:not(.sub),section .container .row .col form.contact-me textarea{min-width:250px;color:#fff;padding:5px;border:2px solid #fff;border-radius:10px;box-shadow:10px 10px 25px rgba(0,4,15,.7960784314);background:transparent;outline:none;transition:all .2s ease-in-out}section .container .row .col form.contact-me input:not(.sub):hover,section .container .row .col form.contact-me textarea:hover{border-color:#23be53;cursor:pointer}section .container .row .col form.contact-me input:not(.sub):focus{box-shadow:10px 0 25px rgba(0,4,15,.7960784314);border-color:#23be53;padding:10px 5px}section .container .row .col form.contact-me .sub{border:2px solid #23be53;border-radius:10px;margin:10px auto;width:80px;height:30px;color:#fff;background:transparent;transition:all .2s ease-in-out}section .container .row .col form.contact-me .sub:hover{border-color:#fff;color:#23be53;cursor:pointer}.blue-circle{top:12.5%;right:80%;width:600px;height:600px;filter:blur(40rem)}.blue2-circle,.blue-circle{position:absolute;z-index:0;border-radius:50%;background:linear-gradient(180deg,rgba(187,163,255,0),#224e77)}.blue2-circle{top:22.5%;left:50%;width:50%;height:50%;filter:blur(30rem)}.white-circle{position:absolute;width:30%;height:30%;z-index:0;top:72.5%;left:70%;border-radius:50%;background:linear-gradient(90deg,#696969,#515152);filter:blur(25rem)}.pink-circle{top:55%;right:0}.pink2-circle,.pink-circle{position:absolute;z-index:0;width:40%;height:45%;border-radius:50%;background:linear-gradient(90deg,#696969,#515152);filter:blur(50rem)}.pink2-circle{top:35%;left:0}.green-circle{position:absolute;z-index:0;top:60%;left:50%;transform:translate(-50%,-50%);width:40%;height:40%;border-radius:50%;background:#23be53;filter:blur(65rem)}.green2-circle{top:65%;right:70%;filter:blur(40rem)}.green2-circle,.green3-circle{position:absolute;z-index:0;transform:translate(-50%,-50%);width:30%;height:30%;border-radius:50%;background:#23be53}.green3-circle{top:20%;left:80%;filter:blur(30rem)}footer{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;color:#fff}footer p span{font-weight:700;color:#23be53}#contact{height:calc(100vh - 164px)}@media screen and (max-width:990px){#app section{min-height:900px}#app section .col .items{height:400px}#app section .col .items .buttons{width:350px}#app section .col .items .item{width:300px;height:300px;border-radius:40px}#app section .col .git-link{display:block}#app section .col .start{margin-bottom:5px}#app section .col .text .cursor{height:27px}#app section .col .text img{margin-top:-5px}#app section .col h1{font-size:18px;margin-bottom:5px}#app section .col p{font-size:14px}#app section .col .used{margin:5px 0}#app section .col .icon{width:50px;height:50px}#app section .col .icon .mid{width:40px;height:40px}#app section .col .icon .small{width:30px;height:30px}#app .hamburger{display:block;position:absolute;cursor:pointer;right:15px;top:23px;z-index:20}#app .hamburger .ham{padding:10px;cursor:pointer;background-color:transparent;border:none;outline:none;margin:0;transition:transform .3s ease-in-out}#app .hamburger .ham .ham-box{background-color:transparent;width:30px;height:16px;display:inline-block;position:relative}#app .hamburger .ham .ham-box .ham-inner{left:0;top:50%;transform:translateY(-50%);width:100%;height:2px;border-radius:1px;background-color:#fff;position:absolute;transition:background-color .3s ease-in-out}#app .hamburger .ham .ham-box .ham-inner:before{top:-8px}#app .hamburger .ham .ham-box .ham-inner:after,#app .hamburger .ham .ham-box .ham-inner:before{content:"";left:0;width:100%;height:2px;border-radius:1px;background-color:#fff;position:absolute;transition:transform .3s ease-in-out}#app .hamburger .ham .ham-box .ham-inner:after{top:8px}#app .hamburger #inner.open{background:none}#app .hamburger .open.ham-inner:before{transform:translateY(8px) rotate(45deg)}#app .hamburger .open.ham-inner:after{transform:translateY(-8px) rotate(-45deg)}#app .links{display:none}#app .menu ul{position:fixed;height:350px;width:150px;right:0;padding:65px 0 5px 0;top:-350px;border:none;border-radius:0 0 0 50px;background:rgba(33,33,33,.5);display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease-out;pointer-events:none;z-index:15}#app .menu ul li{margin:10px 0;border:none}#app .menu ul li:hover:before{transform:scaleX(0)}#app .menu.open ul{position:absolute;top:0;pointer-events:all}}@media screen and (max-width:768px){#app .scroll-container{height:40px;padding-right:10px}#app .scroll-container .progress{width:40px;height:40px}#app section .container{padding:0 30px}#app section .container .full{font-size:13px}#app section .col{max-width:100%;flex-basis:100%}#app section .col .graph svg{max-width:100%;max-height:100%}#app section .col .items{display:flex;flex-direction:column;height:100%}#app section .col .items .buttons{display:none}#app section .col .items .item-container{margin:0 auto;margin-bottom:50px}#app section .col .items .item{position:relative;opacity:1;transform:translate(0);left:0;top:25px;box-shadow:20px 20px 20px rgba(0,4,15,.7960784314)}#app section .col .items .item.active,#app section .col .items .item.next,#app section .col .items .item.prev{transform:translate(0)}#app section .col form{width:100%;max-width:350px;font-size:16px}#app section .col textarea{height:80px}#app section .col .graph{margin:10px 0;height:300px}#app section .col .full,#app section .col .text{margin-bottom:5px}#app section .col .me{margin:0}#app footer{padding:10px 20px}#app footer p,#app footer span{font-size:12px}#app #contact{height:calc(100vh - 132px)}}@media screen and (max-width:400px){#app .menu ul{height:280px;width:150px;top:-280px}#app .menu ul li{margin:7px 0}#app section .col .items .item{width:280px;height:280px}#app section .col .items .item .test-cir h1,#app section .col .items .item .test-cir p{margin-bottom:10px;font-size:14px}#app section .col .items .item .test-cir .link{padding:0;border:none;border-radius:0;border-bottom:1px solid #23be53}#app section .col .items .item .test-cir .link a{font-size:14px}}