*{margin:0;padding:0}body{-webkit-user-select:none;-moz-user-select:none;user-select:none}#centerToNodes{background-color:#000;border:none;border-radius:0 0 0 10px;box-shadow:0 0 20px #fa0000fa;color:#f08080;cursor:pointer;font-size:18px;padding:10px 15px;position:absolute;right:0;top:0;z-index:999}#centerToNodes:hover{background-color:gray;color:red}#savePositon{background-color:#000;border:none;border-radius:0 0 50px;box-shadow:0 0 20px #fa0000fa;color:#f08080;cursor:pointer;font-size:18px;left:0;padding:10px 30px;position:absolute;top:0;z-index:999}#savePositon:hover{background-color:gray;color:red}#changePositionsButtons{box-shadow:0 0 10px #fa0000fa;left:0;position:absolute;top:5.5vh}#changeBtn{background-color:#000;border:1px solid darkred;color:#f08080;cursor:pointer;font-size:18px;left:0;margin:0;padding:10px 20px;position:relative;z-index:999}#changeBtn:hover{background-color:gray;color:red}#graph-container{background-clip:content-box;background:linear-gradient(180deg,#333,#000);box-shadow:inset 0 0 10px #00fc,inset 0 0 20px #00f6,inset 0 0 50px #00f3;color:wheat;height:90vh;width:100%}body{overflow-y:hidden}h1{letter-spacing:-1px;text-align:center}#contents{color:#fff}#top-banner{background-color:#242222;color:#fff;height:10vh;width:100%}#top-banner h1{font-size:60px;text-align:center;text-shadow:0 0 5px hsla(0,0%,100%,.5),0 0 10px hsla(0,0%,100%,.5),0 0 15px rgba(100,0,255,.5),0 0 20px rgba(0,0,255,.5)}#show-content-button{background-color:#000;border:0;border-radius:15px 0 0;box-shadow:0 0 20px #fa0000fa;color:#f08080;cursor:pointer;font-size:18px;font-weight:700;height:30px;overflow:hidden;position:absolute;right:0;top:6.6vh;width:220px;z-index:9999}#show-content-button:hover{background-color:gray;box-shadow:0 0 5px #ffffff80,0 0 10px #ffffff80,0 0 15px #6400ff80,0 0 20px #0000ff80;color:red}#size-button{background-color:#0ff;border:0;border-radius:15px 0 0;color:#00f;cursor:pointer;font-size:24px;font-weight:700;height:40px;left:0;position:absolute;top:0;width:40%;z-index:9999}#auto-show-button{background-color:#00f;border:0;left:40%;width:20%}#auto-show-button,.hide-button{cursor:pointer;font-size:24px;font-weight:700;height:40px;position:absolute;right:0;top:0;z-index:9999}.hide-button{background-color:red;border:0;border-radius:0 15px 0 0;width:40%}.hide-button:hover{background-color:brown}#size-button:hover,.hide-button:hover{box-shadow:0 0 5px #ffffff80,0 0 10px #ffffff80,0 0 15px #6400ff80,0 0 20px #0000ff80;color:#fff}#size-button:hover{background-color:#00f}.content-div{background-color:#000;border:1px solid;border-radius:20px;box-shadow:0 0 3px #fffc,0 0 5px #fff6,0 0 10px #fff3;color:#fff;display:none;height:50%;opacity:.7;padding:50px 10px 10px;position:absolute;right:10px;text-shadow:0 0 5px hsla(0,0%,100%,.5),0 0 10px hsla(0,0%,100%,.5),0 0 15px rgba(100,0,255,.5),0 0 20px rgba(0,0,255,.5);top:11vh;-webkit-user-select:text;-moz-user-select:text;user-select:text;width:40%;z-index:9999}@media screen and (max-width:768px){.content-div h1{font-size:24px}#top-banner h1{font-size:34px;padding-top:15px}.content-div{height:50%;width:70%}}