html,body{width:100vw;height:100vh;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;font-family:NeverMindHand,serif;scroll-behavior:smooth;background-color:#000}@font-face{font-family:NeverMindHand;src:url(/NeverMindHand-Bold.ttf)}html.scrollEnable,body.scrollEnable{overflow-y:visible;height:200vh}.words{position:absolute;top:90%;left:50%;transform:translate(-50%,-50%);font-size:30px;color:#fff;animation:pulsating 2s infinite}@keyframes pulsating{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.5}to{transform:translate(-50%,-50%) scale(1);opacity:.8}}.logo{position:absolute;width:100vw;height:100vh;overflow:hidden}.slider{width:300px;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:10px;background-color:#000;outline:none;opacity:.7;rotate:45deg;height:10px;position:absolute;top:27%;left:37%;transform:translate(-50% -50%);animation:appear 1s linear;border:2px solid #fff}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background-color:#000;border:2px solid #fff}.swirl{width:100px;height:100px;position:absolute;top:50%;left:50%;z-index:3;opacity:0;animation:rotate 3s linear infinite;transition:opacity .3s ease-in;transition-delay:1.8s}.appear{opacity:.08}.planet{position:absolute;transition:top .2s ease-out,left .2s ease-out}.sun{position:absolute;top:50%;left:50%;width:100px;height:100px;background-color:#ff0;background-image:none;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #ff0;z-index:2;transition:background-color .3s ease-in,box-shadow .3s ease-in,transform .3s ease-in,animation .3s ease-in;transition-delay:1s}.sun.black-hole{background-color:#000;box-shadow:0 0 10px #fff;animation:expand 3s forwards;animation-delay:1s}.mercury-orbit{position:absolute;width:120px;height:120px;border-radius:50%;top:50%;left:50%;animation:rotate 2s linear infinite}.mercury{position:absolute;top:0%;left:0%;width:10px;height:10px;background-color:gray;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px gray}.venus-orbit{position:absolute;width:160px;height:160px;border-radius:50%;top:50%;left:50%;animation:rotate 4s linear infinite}.venus{position:absolute;top:0%;left:0%;width:15px;height:15px;background-color:orange;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px orange}.earth-orbit{position:absolute;width:200px;height:200px;border-radius:50%;top:50%;left:50%;animation:rotate 6s linear infinite}.earth{position:absolute;top:0%;left:0%;width:18px;height:18px;background-color:#00f;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #00f}.mars-orbit{position:absolute;width:235px;height:235px;border-radius:50%;top:50%;left:50%;animation:rotate 10s linear infinite}.mars{position:absolute;top:0%;left:0%;width:20px;height:20px;background-color:red;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px red}.jupiter-orbit{position:absolute;width:300px;height:300px;border-radius:50%;top:50%;left:50%;animation:rotate 15s linear infinite}.jupiter{position:absolute;top:0%;left:0%;width:40px;height:40px;background-color:brown;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px brown}.saturn-orbit{position:absolute;width:360px;height:360px;border-radius:50%;top:50%;left:50%;animation:rotate 20s linear infinite}.saturn{position:absolute;top:0%;left:0%;width:35px;height:35px;background-color:gold;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px gold}.uranus-orbit{position:absolute;width:420px;height:420px;border-radius:50%;top:50%;left:50%;animation:rotate 25s linear infinite}.uranus{position:absolute;top:0%;left:0%;width:30px;height:30px;background-color:#add8e6;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #add8e6}.neptune-orbit{position:absolute;width:480px;height:480px;border-radius:50%;top:50%;left:50%;animation:rotate 30s linear infinite}.neptune{position:absolute;top:0%;left:0%;width:28px;height:28px;background-color:#00008b;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #00008b}.reset{top:0%;left:0%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes expand{0%{transform:translate(-50%,-50%) scale(1)}10%{transform:translate(-50%,-50%) scale(.2)}to{transform:translate(-50%,-50%) scale(7.5)}}@keyframes shrink{0%{transform:scale(1)}to{transform:scale(.8)}}@keyframes appear{0%{opacity:0}to{opacity:1}}.customTextContainer{position:absolute;width:20%;height:20%;display:flex;justify-content:center;align-items:center;top:50%;transform:translate(-50%,-50%)}.customText{opacity:0;font-size:30px;transition:transform 1s ease-in-out,opacity 1s ease-in-out}.textAppearLeft{transform:translate(10%);opacity:1;text-align:left}.textAppearRight{transform:translate(-10%);opacity:1;text-align:right}.textAppearRightContainer{left:90%}.textAppearLeftContainer{left:10%}.navBar{position:fixed;top:-10%;left:50%;transform:translate(-50%);opacity:.8;height:60px;width:100vw;background-color:#000014b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;transition:top 1s ease-in-out,opacity 1s ease-in-out;display:flex;align-items:center;justify-content:center}.liContainer{display:flex;justify-content:center;align-items:center;position:absolute;background-color:#00011acc;padding:10px 50px;border-radius:50px}.navBarItemsContainer{display:flex;gap:10rem;list-style:none;padding:0;margin:0;color:#fff;font-size:20px}a:visited{color:#fff}a:hover{color:purple;cursor:pointer}.navBarAppear{top:0;opacity:1}a{text-decoration:none}.starsBg{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:-1;pointer-events:none}.projects-container{width:300px;height:500px;background-color:#000064b3;position:absolute;top:50%;left:10%;transform:translate(-50%,-50%);border-radius:20px;display:flex;justify-content:center;color:#fff;opacity:0;transition:left 1s ease-in-out,opacity 1s ease-in-out}.skills-container{width:300px;height:500px;background-color:#000064b3;position:absolute;top:50%;left:90%;transform:translate(-50%,-50%);border-radius:20px;display:flex;justify-content:center;color:#fff;opacity:0;transition:left 1s ease-in-out,opacity 1s ease-in-out}.list-container{width:90%;height:80%;background-color:#000132cc;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);border-radius:20px;color:#fff}.projects,.skills{width:100%;height:100%}.projects-appear{opacity:1;left:15%}.skills-appear{left:85%;opacity:1}#aboutMe{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:100vh}#contact{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:200vh}.contact-info{color:#fff;font-size:100px}.galaxy-container{width:100%;height:100%;position:relative}