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;
}