.nav{display:flex;height:auto;color:#000;padding-left:11vw;padding-right:11vw;padding-top:25px;padding-bottom:20px;font-weight:700;box-shadow:0 2px 7px #dcdcdc}.nav .logo{cursor:pointer;text-decoration:none;color:#000;display:block}.nav .nav-links{display:flex;margin:auto;gap:20px}.nav .navLink{cursor:pointer;padding-bottom:5px;position:relative;transition:transform .5s ease}.nav .navLink:hover{transform:translateY(-4px);color:#484848}.nav .login-btns{display:flex;gap:20px}.btn{border:none;outline:none;font-weight:700;cursor:pointer;font-size:16px}.btnprimary{background-color:#000;color:#fff;border:2px solid transparent;border-radius:6px;padding:.6rem 1.2rem;box-shadow:0 2px 6px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.btnprimary:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.btnsecondary{background-color:#7c3aed;color:#fff;border:2px solid transparent;border-radius:6px;padding:.6rem 1.2rem;box-shadow:0 2px 6px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.btnsecondary:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.btnuserPage{height:45px;cursor:pointer;width:90px;background-color:#7c3aed;border-radius:6px;outline:none;color:#fff;font-size:17px;font-weight:700;border:none;box-shadow:0 2px 6px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.btnuserPage:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.btnmedium{height:44px;width:100px}.btnlarge{width:200px;height:50px}.homePageContent{margin-left:11vw;margin-top:60px;display:flex;flex-direction:column;width:max-content}.headerHomePage{width:340px;font-size:40px}.descriptionHomePage{width:300px;color:#484848}.registerButtons{margin-top:10px;display:flex;width:max-content;gap:20px;align-items:flex-start}.logIn{display:flex;margin-left:auto;margin-right:auto;padding:25px;border-radius:6px;margin-top:100px;border:solid 1px #DCDCDC;box-shadow:0 0 10px #dcdcdc;flex-direction:column;width:max-content}.logIn h1{font-weight:700}.logIn label{display:block;color:#484848;margin-bottom:15px}.logIn p{color:red;width:auto;display:inline;font-size:15px;position:relative;top:2px;margin-left:auto;margin-right:auto}.logIn label{cursor:pointer}.logIn input{margin-top:2px;display:block;width:100%;border-radius:6px;height:35px;outline:none;font-size:16px;border:solid 1px #484848}.logIn button{background-color:#7c3aed;color:#fff;border:none;border-radius:6px;width:100%;font-size:16px;height:38px;cursor:pointer;font-weight:700;box-shadow:0 2px 6px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.logIn button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.loginPageRegister{display:flex;margin-top:20px}.loginPageRegister p{color:#484848;margin:0}.loginPageRegister h4{margin:2px 0 0 5px;color:#7c3aed;cursor:pointer;font-size:15px}.loginPageRegister h4:hover{text-decoration:underline;text-decoration-thickness:1px}.CreateAccountPageContent{display:flex;justify-self:center;border:solid 1px #DCDCDC;box-shadow:0 0 10px #dcdcdc;padding:30px;border-radius:6px;margin-left:auto;margin-right:auto;margin-top:100px;flex-direction:column;width:max-content}.CreateAccountPageContent h1{font-weight:700}.CreateAccountPageContent label{display:block;color:#484848;margin-top:15px}.CreateAccountPageContent p{color:red;width:auto;margin-left:auto;display:inline;margin-right:auto;margin-top:20px;font-size:15px;position:relative;top:2px}.CreateAccountPageContent input{margin-top:2px;display:block;width:280px;height:35px;border:solid 1px #DCDCDC;outline:none;font-size:16px;border-radius:6px}.CreateAccountPageContent button{background-color:#7c3aed;color:#fff;border:none;border-radius:6px;width:100%;font-size:16px;font-weight:700;height:38px;cursor:pointer;margin-top:15px;box-shadow:0 2px 6px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.CreateAccountPageContent button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.userRoleContainer{display:flex;margin-left:auto;margin-right:auto;align-self:center;width:max-content;justify-self:center;margin-top:25vh;flex-direction:column;gap:20px}.userRoleContainer h1{display:block;font-weight:700;font-size:30px}.userRoleContainer .userRoleOptions{display:flex;flex-direction:row;gap:50px}.userRoleContainer .userRoleOptions div{padding:20px;border:solid 1px #DCDCDC;height:150px;width:150px;display:flex;justify-content:center;align-items:center;color:#000;font-weight:700;border-radius:6px;cursor:pointer;box-shadow:0 0 10px #dcdcdc}.userRoleContainer .userRoleOptions div:hover{box-shadow:0 0 10px 5px #dcdcdc}.studentMainPageIntro{display:flex;width:590px;justify-self:center;margin-left:auto;margin-right:auto;flex-direction:column;margin-top:40px}.studentMainPageIntro h1{font-weight:700;font-size:40px;align-self:center}.studentMainPageIntro p{align-self:center;color:#484848;font-size:15.5px;font-weight:700}.student-tests{display:flex;justify-self:center;justify-content:center;margin-left:auto;margin-right:auto;width:800px;margin-bottom:20px;flex-wrap:wrap;flex-direction:row;justify-items:center;align-items:center}.student-tests div{margin-right:100px;border:solid 1px #DCDCDC;margin-bottom:10px;width:200px;display:flex;justify-self:center;align-items:center;flex-direction:column;padding-bottom:15px;border-radius:6px;box-shadow:0 0 10px #dcdcdc;cursor:pointer}.student-tests div:hover{box-shadow:0 0 10px 5px #dcdcdc}.student-tests p{color:#484848}.student-tests button{height:45px;cursor:pointer;width:90px;background-color:#7c3aed;border-radius:6px;outline:none;color:#fff;font-size:17px;font-weight:700;border:none;box-shadow:0 2px 6px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.student-tests button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.stundetNav{display:flex;padding-top:20px;padding-bottom:20px;box-shadow:0 2px 7px #dcdcdc}.stundetNav img{display:inline;margin-left:80px;height:100px;width:100px;cursor:pointer;transition:transform .2s ease}.stundetNav img:hover{transform:translateY(-2px)}.stundetNav button{margin-top:40px;margin-left:auto;margin-right:80px;position:relative;left:12px;height:max-content}.stundetNav h4{position:relative;left:700px;margin-left:20px;margin-top:50px;transition:transform .5s ease;cursor:pointer}.stundetNav h4:hover{transform:translateY(-4px);color:#484848}.adminMainPageIntro{display:flex;width:590px;justify-self:center;margin-left:auto;margin-right:auto;flex-direction:column;margin-top:40px}.adminMainPageIntro h1{font-weight:700;font-size:40px;align-self:center}.adminEdits{display:flex;margin-left:auto;margin-right:auto;justify-self:center;width:600px;gap:100px;margin-top:50px}.adminEdits p{color:#484848;display:inline}.adminEdits div{height:200px;width:200px;padding:20px;border:solid 1px #DCDCDC;display:flex;align-items:center;flex-direction:column;border-radius:6px;box-shadow:0 0 10px #dcdcdc;cursor:pointer}.adminEdits div:hover{box-shadow:0 0 10px 5px #dcdcdc}.admintNav{display:flex;padding-top:20px;padding-bottom:20px;box-shadow:0 2px 7px #dcdcdc}.admintNav img{display:inline;margin-left:80px;height:100px;width:100px;cursor:pointer;transition:transform .2s ease}.admintNav img:hover{transform:translateY(-2px)}.admintNav button{margin-top:40px;margin-left:auto;margin-right:80px;height:max-content}.admintNav h4{position:relative;left:700px;margin-left:20px;margin-top:50px;transition:transform .5s ease;cursor:pointer}.admintNav h4:hover{transform:translateY(-4px);color:#484848}.test-title{margin-left:40px;position:relative;top:10px}.questionsContainer{display:flex;justify-self:center;justify-items:center;margin-left:auto;margin-right:auto;margin-bottom:60px;flex-direction:column}.questionsContainer h2{font-size:22px;margin-left:auto;margin-right:auto}.questionsContainer div{font-size:20px;border:solid 1px #DCDCDC;margin-bottom:20px;display:flex;width:400px;padding-top:20px;margin-left:auto;margin-right:auto;justify-self:center;align-self:center;align-items:center;flex-direction:column;padding-bottom:15px;border-radius:6px;box-shadow:0 0 10px #dcdcdc;cursor:pointer}.questionsContainer div:hover{box-shadow:0 0 10px 5px #dcdcdc}.questionsContainer .options.active{outline:1px solid black}.questionsContainer button{margin-top:20px;width:200px;height:50px;align-self:center;cursor:pointer;background-color:#7c3aed;border-radius:6px;outline:none;color:#fff;font-size:17px;font-weight:700;border:none;box-shadow:0 2px 6px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.questionsContainer button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.testScore-container{display:flex;justify-self:center;flex-direction:column;margin-left:auto;margin-right:auto;margin-top:20vh;width:350px;gap:10px}.testScore-container h1{font-size:40px;margin-left:auto;margin-right:auto}.testScore-container button{margin-left:auto;margin-right:auto}.editTests-Container{display:flex;justify-content:center;padding:100px}.editTests-Container h1{position:relative;top:-60px}.edit-tests{display:flex;justify-self:center;justify-content:center;width:800px;margin-bottom:20px;flex-wrap:wrap;flex-direction:row;justify-items:center;align-items:center}.edit-tests div{margin-right:100px;border:solid 1px #DCDCDC;margin-bottom:10px;width:200px;display:flex;justify-self:center;align-items:center;flex-direction:column;padding-bottom:15px;border-radius:6px;box-shadow:0 0 10px #dcdcdc;cursor:pointer}.edit-tests div:hover{box-shadow:0 0 10px 5px #dcdcdc}.testToEdit-title{margin-left:20px;font-size:29px;position:relative;top:10px}.editableQuestionsContainer{display:flex;gap:25px;margin-bottom:40px;flex-direction:column}.editableQuestionsContainer button{margin-left:40px;margin-top:30px;margin-bottom:40px;font-size:18px}.editableQuestions{box-shadow:0 0 10px #dcdcdc;border-radius:6px;width:600px;border:solid 1px #DCDCDC;padding:20px;margin-left:auto;margin-right:auto}.editableQuestions input{border-radius:6px;outline:none;padding:5px;border:solid 1px darkgray;width:550px;height:20px;margin-bottom:9px;font-size:15px}.userPreferencesContaier{display:flex;justify-self:center;margin-top:20vh;flex-direction:column}.userPreferencesContaier input{border-radius:6px;border:solid 1px darkgray;outline:none;height:25px;width:300px}.student-scoresContainer{width:fit-content;margin-top:10vh;border-radius:6px;margin-left:auto;margin-right:auto;margin-bottom:50px;box-shadow:0 0 10px 5px #dcdcdc;border:solid 1px #DCDCDC;padding:1rem;color:#000;font-family:sans-serif;justify-self:center}.score-table{display:flex;flex-direction:row;gap:.5rem}.row{display:flex}.cell{width:100px;padding:.5rem;border:1px solid white;text-align:center}.scoreTableTitles{display:flex;justify-content:center;gap:80px}*{font-family:Arial,system-ui}body{margin:0}