.stars{position:absolute;width:100%;height:100%}.star{position:absolute;border-radius:50%}@keyframes star-animation-1{100%{transform:scale(1)}}.star:nth-child(1){left:43%;top:39%;animation:star-animation-1 2s alternate infinite;opacity:.43;transform:scale(0.5);height:4px;width:4px;animation-delay:-5s;background:#fff}@keyframes star-animation-2{100%{transform:scale(1)}}.star:nth-child(2){left:31%;top:9%;animation:star-animation-2 2s alternate infinite;opacity:.37;transform:scale(0.5);height:1px;width:1px;animation-delay:-10s;background:#fff}@keyframes star-animation-3{100%{transform:scale(1)}}.star:nth-child(3){left:72%;top:75%;animation:star-animation-3 2s alternate infinite;opacity:.24;transform:scale(0.5);height:4px;width:4px;animation-delay:-15s;background:#fff}@keyframes star-animation-4{100%{transform:scale(1)}}.star:nth-child(4){left:91%;top:47%;animation:star-animation-4 2s alternate infinite;opacity:.19;transform:scale(0.5);height:4px;width:4px;animation-delay:-20s;background:#fff}@keyframes star-animation-5{100%{transform:scale(1)}}.star:nth-child(5){left:55%;top:93%;animation:star-animation-5 2s alternate infinite;opacity:.3;transform:scale(0.5);height:5px;width:5px;animation-delay:-25s;background:#fff}@keyframes star-animation-6{100%{transform:scale(1)}}.star:nth-child(6){left:25%;top:33%;animation:star-animation-6 2s alternate infinite;opacity:.74;transform:scale(0.5);height:3px;width:3px;animation-delay:-30s;background:#fff}@keyframes star-animation-7{100%{transform:scale(1)}}.star:nth-child(7){left:60%;top:60%;animation:star-animation-7 2s alternate infinite;opacity:.01;transform:scale(0.5);height:3px;width:3px;animation-delay:-35s;background:#fff}@keyframes star-animation-8{100%{transform:scale(1)}}.star:nth-child(8){left:33%;top:36%;animation:star-animation-8 2s alternate infinite;opacity:.2;transform:scale(0.5);height:4px;width:4px;animation-delay:-40s;background:#fff}@keyframes star-animation-9{100%{transform:scale(1)}}.star:nth-child(9){left:13%;top:49%;animation:star-animation-9 2s alternate infinite;opacity:.46;transform:scale(0.5);height:4px;width:4px;animation-delay:-45s;background:#fff}@keyframes star-animation-10{100%{transform:scale(1)}}.star:nth-child(10){left:14%;top:50%;animation:star-animation-10 2s alternate infinite;opacity:.49;transform:scale(0.5);height:4px;width:4px;animation-delay:-50s;background:#fff}@keyframes star-animation-11{100%{transform:scale(1)}}.star:nth-child(11){left:3%;top:93%;animation:star-animation-11 2s alternate infinite;opacity:.42;transform:scale(0.5);height:3px;width:3px;animation-delay:-55s;background:#fff}@keyframes star-animation-12{100%{transform:scale(1)}}.star:nth-child(12){left:20%;top:29%;animation:star-animation-12 2s alternate infinite;opacity:.98;transform:scale(0.5);height:4px;width:4px;animation-delay:-60s;background:#fff}@keyframes star-animation-13{100%{transform:scale(1)}}.star:nth-child(13){left:70%;top:88%;animation:star-animation-13 2s alternate infinite;opacity:.38;transform:scale(0.5);height:5px;width:5px;animation-delay:-65s;background:#fff}@keyframes star-animation-14{100%{transform:scale(1)}}.star:nth-child(14){left:63%;top:5%;animation:star-animation-14 2s alternate infinite;opacity:.52;transform:scale(0.5);height:4px;width:4px;animation-delay:-70s;background:#fff}@keyframes star-animation-15{100%{transform:scale(1)}}.star:nth-child(15){left:25%;top:89%;animation:star-animation-15 2s alternate infinite;opacity:.89;transform:scale(0.5);height:5px;width:5px;animation-delay:-75s;background:#fff}@keyframes star-animation-16{100%{transform:scale(1)}}.star:nth-child(16){left:13%;top:47%;animation:star-animation-16 2s alternate infinite;opacity:.67;transform:scale(0.5);height:4px;width:4px;animation-delay:-80s;background:#fff}@keyframes star-animation-17{100%{transform:scale(1)}}.star:nth-child(17){left:15%;top:5%;animation:star-animation-17 2s alternate infinite;opacity:.94;transform:scale(0.5);height:2px;width:2px;animation-delay:-85s;background:#fff}@keyframes star-animation-18{100%{transform:scale(1)}}.star:nth-child(18){left:68%;top:50%;animation:star-animation-18 2s alternate infinite;opacity:.62;transform:scale(0.5);height:4px;width:4px;animation-delay:-90s;background:#fff}@keyframes star-animation-19{100%{transform:scale(1)}}.star:nth-child(19){left:4%;top:64%;animation:star-animation-19 2s alternate infinite;opacity:.44;transform:scale(0.5);height:5px;width:5px;animation-delay:-95s;background:#fff}@keyframes star-animation-20{100%{transform:scale(1)}}.star:nth-child(20){left:48%;top:79%;animation:star-animation-20 2s alternate infinite;opacity:.36;transform:scale(0.5);height:4px;width:4px;animation-delay:-100s;background:#fff}@keyframes star-animation-21{100%{transform:scale(1)}}.star:nth-child(21){left:13%;top:60%;animation:star-animation-21 2s alternate infinite;opacity:.91;transform:scale(0.5);height:4px;width:4px;animation-delay:-105s;background:#fff}@keyframes star-animation-22{100%{transform:scale(1)}}.star:nth-child(22){left:70%;top:29%;animation:star-animation-22 2s alternate infinite;opacity:.85;transform:scale(0.5);height:4px;width:4px;animation-delay:-110s;background:#fff}@keyframes star-animation-23{100%{transform:scale(1)}}.star:nth-child(23){left:1%;top:74%;animation:star-animation-23 2s alternate infinite;opacity:.07;transform:scale(0.5);height:1px;width:1px;animation-delay:-115s;background:#fff}@keyframes star-animation-24{100%{transform:scale(1)}}.star:nth-child(24){left:14%;top:77%;animation:star-animation-24 2s alternate infinite;opacity:.98;transform:scale(0.5);height:2px;width:2px;animation-delay:-120s;background:#fff}@keyframes star-animation-25{100%{transform:scale(1)}}.star:nth-child(25){left:6%;top:55%;animation:star-animation-25 2s alternate infinite;opacity:.92;transform:scale(0.5);height:5px;width:5px;animation-delay:-125s;background:#fff}@keyframes star-animation-26{100%{transform:scale(1)}}.star:nth-child(26){left:24%;top:79%;animation:star-animation-26 2s alternate infinite;opacity:.13;transform:scale(0.5);height:2px;width:2px;animation-delay:-130s;background:#fff}@keyframes star-animation-27{100%{transform:scale(1)}}.star:nth-child(27){left:73%;top:24%;animation:star-animation-27 2s alternate infinite;opacity:.93;transform:scale(0.5);height:3px;width:3px;animation-delay:-135s;background:#fff}@keyframes star-animation-28{100%{transform:scale(1)}}.star:nth-child(28){left:47%;top:14%;animation:star-animation-28 2s alternate infinite;opacity:1;transform:scale(0.5);height:2px;width:2px;animation-delay:-140s;background:#fff}@keyframes star-animation-29{100%{transform:scale(1)}}.star:nth-child(29){left:57%;top:71%;animation:star-animation-29 2s alternate infinite;opacity:.49;transform:scale(0.5);height:5px;width:5px;animation-delay:-145s;background:#fff}@keyframes star-animation-30{100%{transform:scale(1)}}.star:nth-child(30){left:96%;top:66%;animation:star-animation-30 2s alternate infinite;opacity:.92;transform:scale(0.5);height:3px;width:3px;animation-delay:-150s;background:#fff}*{box-sizing:border-box;margin:0;padding:0}html{height:-webkit-fill-available}body{height:100vh;height:-webkit-fill-available;overflow:hidden}header{position:absolute;width:100%;padding:10vh 10vw}header>h1{display:block;font-size:8vh;font-family:Merriweather,serif}header>h1>span{display:inline-block}header>p{margin:1em 0}#dynamic-progress{vertical-align:middle;margin:50px 0;display:flex;flex-flow:row wrap;align-items:center;font-size:.6em}#dynamic-progress p{margin-right:1em}#dynamic-progress .progress{min-width:50%;flex:1;vertical-align:middle;height:1em;border-radius:50px;width:100%;clip-path:inset(0px -1000px 0px 0px)}.dark #dynamic-progress .progress{background:#1a1a1a}.light #dynamic-progress .progress{background:#9c9c9c}#dynamic-progress .progress>.value{display:inline-block;height:100%;transition:width 2s;border-radius:100px}.dark #dynamic-progress .progress>.value{background:#241692}.light #dynamic-progress .progress>.value{background:#1829be}#dynamic-progress .progress::after{color:#fff;position:absolute;transition:content .2s;font-size:.9em;margin-left:-50px;content:attr(data-value)}.hidden{visibility:hidden}body.no-anim *{transition:none !important;animation:none !important}body.no-anim * #particles-js{display:none}#root{height:-webkit-fill-available;transition:all .2s;overflow:hidden;display:flex;justify-content:center;align-items:center;background-repeat:no-repeat;font-family:"Poppins",sans-serif;font-size:2rem}.dark #root{background-color:#0c0c0c;color:#f0f0f0}.light #root{background-color:#e9e9e9;color:#000}button{outline:none;border:none;cursor:pointer}.menu{position:absolute;right:2%;top:2%;z-index:2}.menu *{transition:all .2s}.menu>.menu-btn{position:relative;display:inline-block;border-radius:1000px;padding:10px}.menu>.menu-btn>button{-webkit-tap-highlight-color:transparent;background:none;vertical-align:middle;transition:all .2s;font-size:30px}.dark .menu>.menu-btn>button{color:#f0f0f0}.light .menu>.menu-btn>button{color:#000}.menu>.menu-btn>button:hover{transform:scale(1.2)}.menu>.menu-btn>button:hover+.tooltip{right:100%;visibility:visible;opacity:1}.menu>.menu-btn>button.rotate{transform:rotate(180deg)}.tooltip{transition:all .2s;font-family:"Poppins",sans-serif;font-size:.5em;font-weight:100;visibility:hidden;opacity:0;position:absolute;text-align:center;right:0%;pointer-events:none;padding:10px;border-radius:6px;line-height:1em}.dark .tooltip{background:#252525;color:#f0f0f0}.light .tooltip{background:#252525;color:#f0f0f0}.container{position:relative;display:grid;grid-template-columns:70vw 1fr;border-radius:10px;min-height:70vh;box-shadow:0 0 10px 10px rgba(0,0,0,.075)}nav{height:100%;grid-column:2;position:relative;display:flex;flex-direction:column;flex-wrap:wrap;clip-path:inset(-1px -1px);border-radius:10px}nav>button{flex:1;transition:right .5s,background-color .5s;position:relative;padding:1em;font-size:100%;text-align:center}.dark nav>button{background:#252525;color:#f0f0f0}.light nav>button{background:#252525;color:#f0f0f0}nav>button:first-child{border-top-right-radius:10px}nav>button:last-child{border-bottom-right-radius:10px}.dark nav>button:hover{background:#180e61}.light nav>button:hover{background:#10199b}.dark nav>button.active{background:#180e61}.light nav>button.active{background:#10199b}nav>button>i{float:left;margin-right:10px}main{grid-column:1;background-color:rgba(131,131,131,.034);backdrop-filter:blur(2px);position:relative;clip-path:inset(0px -2px);border-radius:10px 0 0 10px}section{display:block;position:absolute;left:101%;height:100%;width:100%;transition:left .5s,opacity .5s;border-radius:10px 0 0 10px;padding:5vh 5vw;z-index:0;overflow-y:scroll;overflow-x:clip;font-size:.8em;line-height:1.5em}section::-webkit-scrollbar{width:5px;height:5px}section::-webkit-scrollbar-track{background:#00000000}section::-webkit-scrollbar-thumb{border-radius:10px}.dark section::-webkit-scrollbar-thumb{background:#241692}.light section::-webkit-scrollbar-thumb{background:#1829be}.dark section::-webkit-scrollbar-thumb:hover{background:#331fcd}.light section::-webkit-scrollbar-thumb:hover{background:#2d40e4}.dark section{color:#f0f0f0;background:#180e61}.light section{color:#f0f0f0;background:#10199b}section.active{left:0;opacity:1}section>h2{margin-top:10px;margin-bottom:20px}section>p{position:relative;margin-bottom:.5em}.item-container{display:flex;flex-flow:row wrap;justify-content:space-around;gap:10px}.item{min-width:300px;max-width:45%;border-radius:10px;box-shadow:0 0 8px 4px rgba(0,0,0,.1);padding:.8em;margin:1em 0}.dark .item{color:#f0f0f0;background:#241692}.light .item{color:#f0f0f0;background:#1829be}.item.grow{flex-grow:1;max-width:100%}.item>h3{margin-bottom:.5em}.item p{vertical-align:middle;font-size:.8em;padding:.2em}.item p i{vertical-align:middle;font-size:24px}.item p img{vertical-align:middle;float:"left"}.repos{display:flex;flex-flow:row nowrap;justify-content:space-between;gap:10px;overflow-y:clip;overflow-x:scroll;max-height:300px;width:100%}.repos::-webkit-scrollbar{width:5px;height:5px}.repos::-webkit-scrollbar-track{background:#00000000}.repos::-webkit-scrollbar-thumb{border-radius:10px}.dark .repos::-webkit-scrollbar-thumb{background:#241692}.light .repos::-webkit-scrollbar-thumb{background:#1829be}.dark .repos::-webkit-scrollbar-thumb:hover{background:#331fcd}.light .repos::-webkit-scrollbar-thumb:hover{background:#2d40e4}.horizontal-scroll{min-width:300px;position:relative;width:100%;z-index:3}.horizontal-scroll .scroll-left,.horizontal-scroll .scroll-right{flex:none;z-index:4;flex:none;background:none;color:#fff;position:absolute;top:50%;width:auto;transition:all .5s}@media screen and (max-width: 768px){.horizontal-scroll .scroll-left,.horizontal-scroll .scroll-right{display:none}}.horizontal-scroll .scroll-left{left:-25px}.horizontal-scroll .scroll-right{right:-25px}.scrollable{scroll-behavior:smooth}.repo{flex:0 auto;min-width:fit-content;overflow-y:auto}.repo::-webkit-scrollbar{width:5px;height:5px}.repo::-webkit-scrollbar-track{background:#00000000}.repo::-webkit-scrollbar-thumb{border-radius:10px}.dark .repo::-webkit-scrollbar-thumb{background:#241692}.light .repo::-webkit-scrollbar-thumb{background:#1829be}.dark .repo::-webkit-scrollbar-thumb:hover{background:#331fcd}.light .repo::-webkit-scrollbar-thumb:hover{background:#2d40e4}.repo h3{width:100%;display:inline-block;white-space:nowrap;text-transform:capitalize}.repo p{max-width:400px;text-overflow:ellipsis;overflow:hidden}.repo.error{flex:1;width:100%}.repo.error a{color:#fff}.icon:hover::after,.icon:hover::before{transition:all .2s;transform:scale(1.2)}.icon::after{margin-left:10px}.icon::after{font-weight:900;float:right;color:#fff}@media screen and (max-width: 768px){.icon::after{float:none}}.icon.github::after{font-family:"Font Awesome 5 Brands";content:""}.icon.ext-link::after{font-family:"Font Awesome 5 Free";content:""}.content{transition:all .5s;max-width:100%;display:block;position:relative;margin:15px auto}.content video{display:block;width:100%;border-radius:10px}.content a{text-decoration:none;width:100%;height:100%;transition:all .5s;position:absolute;opacity:0;top:0;display:flex;justify-content:center;align-items:center;font-size:2em;color:#fff}.content:hover{transform:scale(1.1)}.content:hover a{background-color:rgba(22,22,22,.418);opacity:1}.work h3>span{margin-left:.2em;font-weight:lighter;font-size:80%}.work ul{margin-left:.8em}.work ul li{font-size:.8em;margin-bottom:.8em}.contact ul{list-style:none}.contact ul li{vertical-align:middle}.contact ul li i{width:24px;margin-right:1em}.contact ul li a{text-decoration:none}.dark .contact ul li a{color:#f0f0f0}.light .contact ul li a{color:#f0f0f0}.contact ul li a:hover{color:gray}.break{content:"\a";white-space:pre}.express{font:helvetica neue,open sans,sans-serif;font-style:normal}.express::before{content:"ex"}.progress-bar{height:25px;border-radius:25px;z-index:2;padding:2px}.dark .progress-bar{color:#f0f0f0;background:#241692}.light .progress-bar{color:#000;background:#1829be}.progress-bar span{display:block;height:100%;background-color:#3987ac;border-radius:25px;z-index:0}@media only screen and (max-width: 768px){#root{align-items:flex-end}.container{width:90vw;height:90vh;grid-template-columns:none;grid-template-rows:1fr 100px}main{grid-column:1;grid-row:1;clip-path:inset(-4px 0px)}section{height:105%;transition:top .5s,opacity .5s;left:inherit;top:101%;word-wrap:break-word;border-radius:10px 10px 0 0}section.active{left:inherit;top:0;opacity:1}.item{max-width:100%}nav{grid-column:1;grid-row:2;flex-direction:row;font-size:2vw}nav>button:first-child{border-top-right-radius:0;border-top-left-radius:10px}nav>button:last-child{border-bottom-right-radius:0;border-top-right-radius:10px}nav>button>i{float:unset;margin:unset;font-size:2em}nav>button>span.mobile-hide{display:none}}/*# sourceMappingURL=main.css.map */