html, body { color: #121212; } .body--dark-mode { background-color: #222222; color: white; } #raplalinkcontainer { height: 100vh; font-family: Nunito, sans-serif; display: flex; flex-direction: column; justify-content: center; align-items: center; } .raplalinkcontainer--nav.row{ margin: inherit; display: flex; justify-content: space-evenly; align-items: center; height: 10%; } .raplalinkcontainer--nav__subtext { font-weight: 100; font-size: 0.75em; text-align: center; } .content { height: 100%; } @media only screen and (min-width: 900px) { .content { width: 33%; } } .raplalinkcontainer--nav { background-color: white; top: 0; position: sticky; } .nav--dark-mode { background-color: #222222; color: white; } .raplalinkcontainer--nav__text { font-weight: 700; } .far { font-size: 1.3em; } .raplalinkcontainer--img img{ width: 10%; } .raplalinkcontainer__preface { padding: 1em; } .raplalinkcontainer__form { padding: 1.3em; } .raplalinkcontainer__header { font-family: Nunito, sans-serif; display: flex; justify-content: space-between; } .raplalinkcontainer__header--button { text-align: end; padding: 1em; } #submitBtn { width: 100%; } #submitBtn.submitButton--dark-mode { background-color: white; color: #222222; }