body{background-color:#09091b;padding:0;margin:0}body,h1{color:#fff}h1{font-family:Times New Roman,Times,serif;font-size:100px;margin-bottom:0}.text-input{width:100%;padding:12px 20px;margin:8px 0;box-sizing:border-box;border-radius:5px;border:none;border-bottom:2px solid #333;background-color:#282828;color:#fff;font-size:16px;transition:border-bottom .3s ease}.text-input:focus{outline:none;border-bottom:2px solid #2778be}button{background-color:#282828;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin-top:20px;margin-bottom:20px;cursor:pointer;border-radius:5px;transition:background-color .3s ease}button:disabled,button:hover{background-color:#2778be}button:disabled{cursor:default}.form-container,.submit-button-container{display:flex;justify-content:center}.form-container{height:95vh}.form-card{display:flex;width:500px;justify-content:center;flex-direction:column;align-items:center;margin:auto;border-radius:8px;border:2px solid #fff}.form-card h1{margin-bottom:60px}.players-container{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:50px}.leaderboards-container{margin:auto;text-align:center}.nav-computer{display:flex;justify-content:flex-end;margin-right:5%;margin-top:20px}.nav-phone{display:none}a{font-size:20px;color:#fff;text-decoration:none}a:hover{cursor:pointer;text-decoration:underline}.title-container h1{margin-top:50px}hr{width:95%}@media screen and (max-width:768px){h1{font-size:60px}hr{width:80%}form{width:85%}.form-card{border:none}.nav-computer{display:none}.nav-phone{display:flex;justify-content:center;margin-top:20px;margin-bottom:40px}.nav-phone a{font-size:30px}}