.joinClass{background-color:#bae36b;border:8px solid #49a148;border-radius:20px;box-shadow:-6px 6px 0 -1px hsla(137,5%,72%,.45);cursor:pointer;font-family:Baloo\ 2,sans-serif;font-size:3.1vh;font-weight:900;height:11vh;padding:7px 16px;width:28vh}.joinClass:hover{font-size:3.3vh}.classCodeField,.idField{border:3px solid #000;font-weight:650;height:5vh;margin-bottom:10px;padding:8px;width:25vh}.join{font-size:2.75vh;font-weight:700}.join:hover,.signOut{font-size:3vh}.signOut{align-items:center;background-color:#bae36b;border:8px solid #49a148;border-radius:20px;box-shadow:-6px 6px 0 -1px hsla(137,5%,72%,.45);cursor:pointer;display:flex;font-family:Baloo\ 2,sans-serif;font-weight:900;height:11vh;justify-content:center;padding:7px 16px;width:26vh}.signOut:hover{font-size:1.65em}