nav{display:flex;flex-direction:row;justify-content:end;padding:10px;border-bottom:1px rgba(0,0,0,.2) solid;margin:0}nav ul{min-width:250px;display:flex;flex-direction:row;justify-content:space-evenly;list-style:none;margin-right:15px}nav ul li a{font-size:14px;font-family:sans-serif;color:#000;text-decoration:none;transition:background-color .3s ease;padding:8px 15px;border-radius:15px}nav ul li a:hover{background-color:#80808083}.scoreCard{width:fit-content;height:fit-content;background-color:#2793eb66;border-radius:15px;margin:10px;padding:8px 15px}.scoreCard h1{font-size:14px;font-family:sans-serif}.scoreCard div p{font-size:46px;font-family:sans-serif;font-weight:700;margin:5px 30px}.scoreList{display:flex;flex-direction:row;flex-wrap:wrap}.signupFrame{width:100vw;height:100vh;margin:0;display:flex}.signupSection{width:fit-content;height:fit-content;margin:auto}.signupSection h2{font-family:sans-serif;text-align:center}.signupForm,.signupForm div{display:flex;flex-direction:column;justify-content:center}.signupForm div label,.message{font-family:sans-serif;margin:15px 0;font-size:14px}.signupForm div input{width:300px;height:20px;padding:5px 10px;font-family:sans-serif;border-radius:20px;border:1px black solid}.signupForm button{background-color:#2793eb66;margin-top:15px;border:none;border-radius:15px;font-family:sans-serif;color:#000;font-size:14px;padding:10px;transition:background-color .3s ease}.signupForm button:hover{background-color:#2793eb99}.signupForm button:active{background-color:#2793eb1a}.loginFrame{width:100vw;height:100vh;margin:0;display:flex}.loginSection{width:fit-content;height:fit-content;margin:auto}.loginSection h2{font-family:sans-serif;text-align:center}.loginForm,.loginForm div{display:flex;flex-direction:column;justify-content:center}.loginForm div label,.message{font-family:sans-serif;margin:15px 0;font-size:14px}.loginForm div input{width:300px;height:20px;padding:5px 10px;font-family:sans-serif;border-radius:20px;border:1px black solid}.loginForm button{background-color:#2793eb66;margin-top:15px;border:none;border-radius:15px;font-family:sans-serif;color:#000;font-size:14px;padding:10px;transition:background-color .3s ease}.loginForm button:hover{background-color:#2793eb99}.loginForm button:active{background-color:#2793eb1a}.message{text-align:center}.messageLink{text-decoration:none;transition:color .3s ease}.messageLink:hover{color:purple}.messageLink:active{color:#00008b}.user-menu{width:100vw;height:100vh;margin:10px;padding:0 10px;display:flex;flex-direction:column}.userForm{width:100%;padding:10%;height:fit-content;margin:auto;display:flex;flex-direction:column;justify-content:center}.userForm div{display:flex;flex-direction:column;justify-content:center}.userForm div label{font-family:sans-serif;margin:15px 0;font-size:14px}.userForm div input{width:75%;height:20px;padding:5px 10px;font-family:sans-serif;border-radius:20px;border:1px black solid}.userForm button{background-color:#2793eb66;width:200px;margin-top:15px;border:none;border-radius:15px;font-family:sans-serif;color:#000;font-size:14px;padding:10px;transition:background-color .3s ease}.userForm button:hover{background-color:#2793eb99}.userForm button:active{background-color:#2793eb1a}
