.school-key-form{background-color:var(--charlie);border-radius:var(--radius);padding:5rem;max-width:75rem;margin:auto}.school-key-form input[type="submit"]{margin-top:1.5rem}.school-name{font-size:clamp(2.8rem,1.147vw + 2.433rem,4rem);text-transform:uppercase}.school-classes-list{list-style:none;padding-left:2rem;font-size:2rem}.school-classes-list li{position:relative;margin-bottom:.8rem;transition:.2s}.school-classes-list li:hover{color:var(--alpha)}.school-classes-list li::before{content:'';position:absolute;top:45%;left:-2rem;background-color:var(--alpha);width:1rem;height:.2rem}@media only screen and (max-width:480px){.school-key-form{padding:3rem}}