.ScrollPercent_cover__PDJaJ{background-image:radial-gradient(var(--background-color) 4px,transparent 4px),radial-gradient(var(--background-color) 4px,transparent 4px);background-size:10px 10px;background-position:0 0,5px 5px;background-color:#00000000;width:1.2rem;height:100vh;z-index:12;position:absolute}.ScrollPercent_bar__dz8ke{background-color:var(--primary-color);background:linear-gradient(90deg,var(--primary-color) 0,rgb(58,51,159,1) 20%,rgba(41,37,110,.63) 50%,rgba(155,57,67,0) 100%);width:1.5rem;height:100vh}.ScrollPercent_blur__BuvXH{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);z-index:11;width:100%;height:1rem;position:absolute;bottom:0}.ScrollPercent_cont__DQuMx{position:fixed;top:0;right:0;z-index:10;background-color:#1d1a1b;-webkit-box-shadow:0 4px 40px 14px rgba(0,0,0,.75);-moz-box-shadow:0 4px 40px 14px rgba(0,0,0,.75);box-shadow:0 4px 40px 14px rgba(0,0,0,.75);height:100vh;width:1.4rem}@media only screen and (max-width:786px){.ScrollPercent_cont__DQuMx{display:none}}.courseDisplayer_cont__mRbiX{width:100%;height:100%;display:flex;flex-wrap:wrap;gap:.2rem;background-color:var(--background-color);padding:1rem;justify-content:center}.courseDisplayer_cont__mRbiX button{background-color:var(--card-background);border-radius:.4rem;padding:1rem 2rem;width:30rem;transition:.2s ease;display:flex;flex-direction:column;gap:1rem}.courseDisplayer_cont__mRbiX button h1{font-size:2.5rem;font-weight:700}.courseDisplayer_cont__mRbiX button i{font-size:4rem}.courseDisplayer_cont__mRbiX button:hover{background-color:var(--primary-color);color:var(--card-background)}