*{box-sizing:border-box}h1,h2,h3{font-weight:normal}svg.svgIcons{transition:all .5s;fill:#10ebe5}body{background-color:#000;color:#a2b7d8;font-family:'Poppins',sans-serif;margin:0}::selection{background-color:#0ba39f;color:#0f1724}.gradientText{background:-webkit-linear-gradient(120deg, #10ebe5, #0e6ace);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.neonDiv{border-radius:.4em;transition:all .3s;background-color:#090f19;box-shadow:#000 2px 2px 4px;border:#065c59 1px solid}.neonDiv:hover{transform:scale(1.05);border:#10ebe5 2px solid;background-color:#101a2c}footer{background-color:#090f19;font-family:'Ubuntu',sans-serif;color:#a2b7d8;text-align:center;padding:.25em;margin-top:5vh}footer a{color:#0fa1d8;text-decoration:none}footer a:hover{color:blueviolet}.github-corner svg{fill:#0dbbb6;color:#000;position:absolute;top:0;border:0;right:0}.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}#particles-js{position:fixed;width:100%;height:100%;z-index:-1;margin-top:-10vh}body{text-align:center;font-family:'Ubuntu',sans-serif}main,#loader{min-height:90vh}main h1{display:inline-block;font-size:3em;margin-top:12vh;margin-bottom:0;background:-webkit-linear-gradient(120deg, #10ebe5, #0e6ace);-webkit-background-clip:text;-webkit-text-fill-color:transparent}main form{width:90vw;margin:10vh auto auto auto;border-radius:.3em;overflow:hidden;background-color:#090f19;box-shadow:#000 2px 2px 4px;border:#10ebe5 1px solid;color:#10ebe5}main form::after{content:"";clear:both;display:table}main form.focus{border:#10ebe5 2px solid;background-color:#101a2c;outline:none}main form input[type="username"],main form button[type="submit"]{height:2.4em;background:transparent;font-size:18px;border:none}main form input[type="username"]:focus,main form button[type="submit"]:focus,main form input[type="username"]:hover,main form button[type="submit"]:hover{outline:none}main form input[type="username"]{float:left;width:85%;padding-left:12px;color:#10ebe5}main form button[type="submit"]{float:left;width:15%;color:#aaa;font-size:20px;background-color:#16263f;cursor:pointer}main form button[type="submit"] svg{transform:scale(1.2)}main form button[type="submit"]:disabled .fa-search{opacity:.4}main form button[type="submit"]:hover{background-color:#31528a}main #recentProfiles h2{margin-top:20vh;display:inline-block;background:-webkit-linear-gradient(120deg, #10ebe5, #0e6ace);-webkit-background-clip:text;-webkit-text-fill-color:transparent}main #recentProfiles .container{width:92vw;display:flex;justify-content:space-around;margin:auto;flex-wrap:wrap}main #recentProfiles .container .profile{border-radius:.4em;transition:all .3s;background-color:#090f19;box-shadow:#000 2px 2px 4px;border:#065c59 1px solid;width:95%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;margin:.35em}main #recentProfiles .container .profile:hover{transform:scale(1.05);border:#10ebe5 2px solid;background-color:#101a2c}main #recentProfiles .container .profile a{text-decoration:none}main #recentProfiles .container .profile img{width:50px;border-radius:5em;height:50px;margin:.3em;border:2px solid #0ed3ce}main #recentProfiles .container .profile .details{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:100%;flex-basis:70%}main #recentProfiles .container .profile .details .name{color:#10ebe5}main #recentProfiles .container .profile .details .sub{display:flex;flex-wrap:nowrap;flex-direction:row;width:100%;justify-content:space-around}main #recentProfiles .container .profile p{margin:0em}#loader{display:none}#loader .loader{width:20vw;max-height:90vh;transform-origin:50% 50%;overflow:visible;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}@media only screen and (min-width: 600px) {#loader .loader{width:10vw}}#loader .loader .ci1{fill:#000;animation:toBig 3s infinite -1.5s;transform-box:fill-box;transform-origin:50% 50%}#loader .loader .ciw{transform-box:fill-box;transform-origin:50% 50%;animation:breath 3s infinite}#loader .loader .ci2{fill:#000;animation:toBig2 3s infinite;transform-box:fill-box;transform-origin:50% 50%}#loader .points{animation:rot 3s infinite;transform-box:fill-box;transform-origin:50% 50%}@keyframes rot{0%{transform:rotate(0deg)}30%{transform:rotate(360deg)}50%{transform:rotate(360deg)}80%{transform:rotate(0deg)}100%{transform:rotate(0deg)}}@keyframes toBig{0%{transform:scale(1) translateX(0)}30%{transform:scale(1) translateX(0)}50%{transform:scale(10) translateX(-4.5px)}80%{transform:scale(10) translateX(-4.5px)}100%{transform:scale(1) translateX(0)}}@keyframes toBig2{0%{transform:scale(1) translateX(0)}30%{transform:scale(1) translateX(0)}50%{transform:scale(10) translateX(4.5px)}80%{transform:scale(10) translateX(4.5px)}100%{transform:scale(1) translateX(0)}}@keyframes breath{15%{transform:scale(1)}40%{transform:scale(1.1)}65%{transform:scale(1)}90%{transform:scale(1.1)}}@media only screen and (min-width: 600px) {main h1{font-size:5em}main p{font-size:1.5em}main form{width:50vw}main form input[type="username"],main form button[type="submit"]{height:7vh;font-size:22px}main #recentProfiles .container .profile{width:23%}main #recentProfiles .container .profile .name{font-size:1.1em}main #recentProfiles .container .profile p{font-size:.8em}}