fcc-challenges/lmde-3-disk-encryption/lmde-3-disk-encryption.css

151 lines
1.8 KiB
CSS

html {
font-family: 'Roboto', sans-serif;
}
.nav-container {
position: fixed;
text-align: left;
overflow-y: scroll;
top: 0;
bottom: 0;
margin-top: 4rem;
min-width: 350px;
width: 34%;
display: flex;
justify-content: center;
}
.main-container {
position: relative;
margin-left: 38%;
padding-left: 2%;
}
main {
position: absolute;
top: 0;
left: 0;
max-width: 750px;
}
nav a{
color: black;
}
.main-left-indent {
margin-left: 1rem;
}
code {
white-space: pre-wrap;
}
pre,code {
font-family: 'Ubuntu Mono', monospace;
font-size: 1em;
}
.nowrap {
white-space: nowrap;
overflow-x: scroll;
}
h1 {
font-size: 175%;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 125%;
}
button {
margin-left: 4%;
margin-top: 1%;
margin-bottom: 2%;
}
@media only screen and (max-width: 1100px) {
body {
display: flex;
flex-direction: column;
}
.main-container {
width: 80%;
max-width: unset;
margin: auto;
}
main {
width: 100%;
left: unset;
}
.nav-container {
position: static;
overflow-y: unset;
top: unset;
bottom: unset;
justify-content: flex-start;
width: 80%;
min-width: unset;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (max-width: 768px) {
body {
display: flex;
flex-direction: column;
}
h1 {
white-space: nowrap;
overflow-x: scroll;
overflow-y: hidden;
}
h2 {
white-space: nowrap;
overflow-x: scroll;
overflow-y: hidden;
}
h3 {
white-space: nowrap;
overflow-x: scroll;
overflow-y: hidden;
}
}
@media only screen and (max-width: 400px) {
.main-container {
width: 75%;
}
.nav-container {
width: 75%;
}
h1 {
font-size: 150%;
}
h2 {
font-size: 138%;
}
h3 {
font-size: 114%;
}
}