main{display:flex}body{font-family:Arial,sans-serif;background:radial-gradient(ellipse at bottom,#42033d,#42033d,#000);height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}button{padding:20px;border-radius:50px;box-shadow:0 8px 16px #0003,0 6px 20px #00000030;background-color:#42033d;transition-duration:.4s;color:#fff;border:none;cursor:pointer}button:hover{background-color:#a40797;color:#fff}a{color:#de4d86;text-decoration:none}a:hover{color:#eea3c0}a:visited{color:#548c2f}.left{flex:1;padding:20px;background-color:#42033d;color:#fff;box-shadow:0 0 25px 25px #0003}.right{flex:2;flex-grow:2;background-color:#f8f8df;box-shadow:0 0 25px 25px #0003}.instructions{display:flex;flex-direction:column;justify-content:center;align-items:auto;margin:20px}form{display:flex;justify-content:space-around}form .section{display:flex;flex-direction:column;margin:2%}form .section label{font-size:2vh;margin-bottom:8px}form .section textarea{width:100%;height:70vh;border-radius:5px;resize:none;overflow-y:scroll;overflow-x:scroll;white-space:nowrap}form .divbutton{display:flex;justify-content:center;margin-top:10px}form .divbutton button{font-size:2vh}.exam-page{background-color:#f8f8df;length:100vh;width:90vw;display:flex;border-radius:10px;box-shadow:0 0 25px 25px #0003}.exam-page form{flex-direction:column;margin:0 auto;padding:20px;width:100%;height:70vh}.exam-page form .questions{border:1px solid black;background-color:#fdfdf4;overflow-y:auto;max-height:40vh;font-size:1.2em;display:flex;flex-direction:column}.exam-page form .questions .form-check{margin:2px 0}.exam-page form .questions input{margin:0 10px}.exam-page form .questions label:hover{cursor:pointer;font-weight:700}.exam-page form .select-all{display:flex;justify-content:flex-end;margin:15px 20px}.exam-page form .select-all input{margin:0 10px}.exam-page form .actions{display:flex;flex-direction:column}.exam-page form .actions button{margin:10px auto;font-size:1.2em}.exam-page form .actions .info{display:flex;justify-content:center;color:#42033d80}.topbar{position:fixed;top:0;left:0;padding:10px 20px;width:100vw;background-color:#42033d;color:#fff}.topbar h1{font-size:3em;width:100%;height:100%;padding:0;margin:10px}.footer{display:flex;justify-content:space-between;position:fixed;bottom:0;left:0;padding:10px 10% 10px 10px;width:100%;background-color:#42033d;color:#fff;box-shadow:0 0 50px #0003}.footer .footer__content{font-size:1em;height:100%;margin:10px;padding:0 1vw}