*{font-family:Inter,sans-serif!important;-webkit-tap-highlight-color:transparent}*::selection{background:var(--third-color);color:var(--bg-color)}*::-moz-selection{background:var(--third-color);color:var(--bg-color)}*::-webkit-selection{background:var(--third-color);color:var(--bg-color)}:root{--bg-color: #121619;--font-color: #F7FFF6;--first-color: #63C132;--second-color: #19310D;--third-color: #DEF3D2}body{background-color:var(--bg-color);color:var(--font-color)}button{padding:10px 20px;font-size:16px;background-color:var(--first-color);color:var(--font-color);border:none;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}#nav li a{display:inline-block;color:var(--third-color);background:linear-gradient(currentColor 0 0) bottom left/ var(--underline-width, 0%) .1em no-repeat;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background-size .5s;-webkit-user-select:none;user-select:none;cursor:pointer;margin-right:50px}@media (hover:hover){button:hover{transform:scale(1.1);box-shadow:0 4px 8px #0003}#nav li a:hover{--underline-width: 100%}}button:active,#nav li a:active{transform:scale(.95)}#nav{list-style:none;display:flex;justify-content:space-evenly}input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--first-color);background-color:var(--bg-color);color:var(--font-color);height:2em;border-radius:8px;font-size:16px;outline:none}#sphere{position:relative;width:30em;height:30em}#sphere_canvas,.sPart{position:absolute}h1{min-height:1.4em}