index.css

@import"https://fonts.googleapis.com/css?family=Titan+One";@import"https://fonts.googleapis.com/css?family=Nunito";.sidebar{overflow-y:scroll;background:#9a49aa;box-shadow:#0003 -10px 0 inset;z-index:5;width:250px;position:absolute;top:0;left:0;height:100%;font-family:Titan One;color:#fff;font-size:40px;text-align:center;-webkit-user-select:none;user-select:none;padding:20px 10px 20px 0;box-sizing:border-box;display:flex;flex-direction:column}.sidebar::-webkit-scrollbar{width:10px}.sidebar::-webkit-scrollbar-track{background:#9a49aa}.sidebar::-webkit-scrollbar-thumb{background:#9a49aa;box-shadow:inset -10px 0 #0003}.sidebar::-webkit-scrollbar-thumb:hover{background:#9a49aa;box-shadow:inset -10px 0 #0000004d}.gamemode{position:relative;display:flex;flex-direction:row;align-items:center;min-height:40px;width:220px;margin:4px 0;padding-left:15px;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;border-top-right-radius:5px;border-bottom-right-radius:5px;background-color:transparent;color:#fff;transition:.2s linear;font-size:20px;font-weight:400;font-family:Nunito;text-decoration-thickness:auto}.gamemode>div{height:40px;width:100%;display:flex;justify-content:flex-start;align-items:center}.gamemode:hover{background-color:#fff;color:#9a49aa;font-weight:700}.gamemode>img{max-width:30px;max-height:30px;aspect-ratio:1 / 1;margin-right:10px;display:flex;align-items:center;justify-content:center}.bigButton{background-color:#0bc2cf}.bigButton{font-size:26px;padding:5px 20px 10px;margin:20px auto 10px;color:#fff;display:flex;justify-content:center;align-items:center;text-decoration:none;border-radius:5px;text-shadow:2px 2px rgb(0 0 0 / 20%);box-shadow:inset 0 -5px #0005;transition:.5s;cursor:pointer}.bigButton:hover{filter:brightness(1.1);padding-bottom:13px;margin-top:17px;box-shadow:inset 0 -8px #0005;transition:.2s}.bigButton:active{padding-bottom:5px;margin-top:25px;box-shadow:inset 0 0 #0005;transition:.05s}.background{display:block;top:0;left:250px;min-height:100%;overflow-y:hidden;overflow-x:hidden;position:fixed;width:100%;background:linear-gradient(162.5deg,rgba(0,183,255,1) 0%,rgba(128,0,255,1) 100%);visibility:visible;z-index:-1}.background-image{position:absolute;background-image:url(https://ac.blooket.com/play/65a43218fd1cabe52bdf1cda34613e9e.png);width:11000px;height:11320px;opacity:.175;z-index:-1;animation:40s blooks linear infinite}@keyframes blooks{0%{transform:translate(-2124px,-568px) rotate(15deg)}to{transform:translate(-1593px,-426px) rotate(15deg)}}.contentWrapper{position:absolute;left:250px;top:0;overflow-y:scroll;width:calc(100% - 250px);height:100%;-ms-overflow-style:none;scrollbar-width:none;display:grid;flex-direction:column;grid-template-rows:1fr 5fr}.contentWrapper::-webkit-scrollbar{display:none}.content{overflow-y:hidden;padding:50px 15%;display:flex}.cheats{box-sizing:border-box;padding:20px 5px;position:relative;width:100%;font-family:Nunito,sans-serif;font-weight:400;color:#fff;background:rgb(64,17,95);box-shadow:#0003 0 -6px inset;border-radius:7px;max-height:100%;margin-block:auto}.cheatsContainer{margin:0;padding:0 0 0 10px;overflow-y:scroll;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-evenly;align-items:center}.cheatsContainer::-webkit-scrollbar{width:10px;background-color:#40115f;border-radius:10px;border:2px solid rgb(64,17,95)}.cheatsContainer::-webkit-scrollbar-thumb{background-color:#9a49aa;border-radius:10px;border:2px solid rgb(64,17,95);box-shadow:inset -10px 0 #0003}.cheatsContainer::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 #0003}.headerText{box-sizing:border-box;display:block;height:45px;left:-10px;padding:4px 4px 8px;position:absolute;top:-28px;background-color:#ef7426;box-shadow:#0003 0 4px,#0003 0 -4px inset;border-radius:7px}.headerText>div{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:0 15px;width:100%;font-family:Titan One,sans-serif;font-size:26px;font-weight:400;text-shadow:rgb(100,100,100) -1px -1px 0px,rgb(100,100,100) 1px -1px 0px,rgb(100,100,100) -1px 1px 0px,rgb(100,100,100) 2px 2px 0px;color:#fff;background:linear-gradient(rgb(252,216,67),rgb(252,216,67) 50%,rgb(254,179,26) 50.01%,rgb(254,179,26));border-radius:5px}.script{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:5px 5px 11px;position:relative;width:250px;font-family:Nunito,sans-serif;font-weight:400;color:#fff;border-radius:7px;cursor:pointer;transition:.5s;margin-top:10px;box-shadow:inset 0 -6px #0003;-webkit-user-select:none;user-select:none;text-decoration:none;height:50px}.script:hover{height:53px;transition:.2s;filter:brightness(1.1);margin-top:7px;padding-bottom:14px;box-shadow:inset 0 -9px #0003}.script:active{height:44px;transition:.05s;margin-top:16px;padding-bottom:5px;box-shadow:inset 0 0 #0003}.instructions{text-align:center;font-size:2rem;color:#fff;font-family:Titan One;text-shadow:2px 2px rgb(0 0 0 / 20%);margin-block:auto}