:root{font-size:62.5%}body{color:#eee;background-color:#333;width:95vw;margin:0 auto;font:1.5rem sans-serif}h1{border-bottom:.3rem solid #eee;margin-bottom:1rem}body>p{text-align:center;color:gray;margin-bottom:2rem}.class-list{flex-direction:column;gap:1rem;margin-bottom:5rem;display:flex}.class-list>div{color:inherit;cursor:pointer;border:.3rem solid gray;border-radius:10rem;justify-content:space-between;align-items:center;padding:0 2rem;text-decoration:none;transition:scale .1s ease-out;display:flex}.class-list>div span{color:gray}.class-list>div:active{scale:1.1;box-shadow:0 0 .5rem .5rem #00000080}#find{justify-content:center;gap:1rem;width:100%;margin-bottom:1rem;display:flex}#find input{color:#eee;background-color:gray;border-radius:1rem;width:25rem;max-width:50%;padding:.5rem 1rem}#find button{background-color:#eee;border-radius:1rem;padding:.5rem 1rem}#find button:hover{cursor:pointer;scale:1.1}#find button:hover:active{scale:1}@media (width>=1000px){body{width:50vw;margin:0 auto}.class-list>div:hover{scale:1.1;box-shadow:0 0 .5rem .5rem #00000080}}