body { font-family: monospace; } .nav-wrapper { background-color: blue; padding: 15px; } .nav-wrapper a { color: #fff; margin-left: 15px; margin-right: 15px; text-decoration: none; font-size: 1rem; } .nav-wrapper a:hover { text-decoration: underline; } .title-wrapper { position: relative; top: 150px; left: 5vw; font-size: 1rem; } .subtitle-wrapper { position: relative; top: 155px; left: 5vw; font-size: 0.95rem; } .login-form-wrapper { position: relative; left: 50%; width: 420px; border: 1px solid lightgrey; border-radius: 5px; padding-top: 15px; padding-bottom: 15px; padding-left: 5px; padding-right: 5px; box-shadow: 8px 8px 8px lightgrey; } .username { /*position: relative;*/ width: 85%; display: flex; margin-left: auto; margin-right: auto; padding: 12px; border: 1px solid lightgrey; border-radius: 5px; font-size: 1.1rem; } .password { width: 85%; display: flex; margin-left: auto; margin-right: auto; padding: 12px; border: 1px solid lightgrey; border-radius: 5px; font-size: 1.1rem; } .submit { width: 85%; display: flex; margin-left: auto; margin-right: auto; padding: 15px; border: 1px solid lightgrey; border-radius: 5px; font-size: 1.1rem; font-weight: bold; background-color: blue; color: #fff; } .logged-title-wrapper { display: flex; justify-content: center; } .logged-development-notice { text-align: center; font-size: 0.95rem; } .registration-button { width: 85%; display: flex; margin-left: auto; margin-right: auto; padding: 15px; border: 1px solid lightgrey; border-radius: 5px; background-color: #4af626; } .sign-up-link { color: black; text-decoration: none; font-size: 1.1rem; font-weight: bold; margin-left: auto; margin-right: auto; }