body { padding: 50px; font: 14px "Lucida Grande", Helvetica, Arial, sans-serif; color: white; background-color: #101010; margin: 0; padding: 0; } h1 { text-align: center; } h2 { color: #e0e0e0; margin-top: 0; text-align: center; } #signin, #signup, #forgotPsw { padding: 4vw; } .signinup { margin-top: 15vh; background-color: #2a2a2a; border-radius: 2vw; } .signinup img { width: 20%; display: block; margin: auto; } .signinup form input { color: #e0e0e0; margin-bottom: 4vh; font-size: 25px; } .signinup form input[type="submit"] { padding: 1vw; border-radius: 2vw; background-color: #0099ff; color: white; border: none; width: 40%; display: block; margin: auto; font-size: 35px; border: 2px solid #2C3531; cursor: pointer; transition-duration: 0.3s; } .signinup form input[type="submit"]:hover { color: #0099ff; background-color: #101010; border: 2px solid #0099ff; } i { color: #00c0ff; } #panel { background-color: #2a2a2a; height: 100vh; border-right: 2px solid #a1a1a1; padding: 0; } .main { background-color: #101010; } #navtop { font-size: 30px; } #navtop .maintitle { font-size: 50px; text-align: center; margin: 0; margin-top: 2vh; } #navtop ul { margin: 0; text-align: right; } #navtop ul li.active { background: #00c0ff; } #navtop ul li.active a { color: black; } #navtop ul li { padding: 1.3vw; border-top: 1px solid #101010; background: linear-gradient(to right, #2a2a2a 50%, #00c0ff 50%) left; background-size: 200%; transition: .3s ease-out; } #navtop ul li a { color: #C5C6C7; transition-duration: 0.3s; } #navtop ul li:hover { background-position: right; cursor: pointer; } #navtop ul li:hover a { color: black; } #navprofile { font-size: 25px; padding-top: 4vh; padding-bottom: 4vh; margin: 0; } #navprofile img { width: 100%; display: block; margin: auto; padding: 0.5vw; } #navprofile p { margin-top: 1vh; margin-bottom: 0; } #page { margin: 0; } /*# sourceMappingURL=style.css.map */