Spaces:
Running
Running
@media (prefers-reduced-motion: no-preference) { | |
* { | |
scroll-behavior: smooth; | |
} | |
} | |
* { | |
box-sizing: border-box; | |
} | |
#header { | |
display: flex; | |
align-items: center; | |
justify-content: center; | |
} | |
#logo { | |
width: 280px; | |
height: 82px; | |
aspect-ratio: 35 / 4; | |
} | |
body { | |
min-width: 290px; | |
background-color: #2b5b84; | |
color: #ffd343; | |
font-family: 'Open Sans', Arial, sans-serif; | |
line-height: 1.5; | |
} | |
main { | |
margin-left: 400px; | |
padding: 20px; | |
} | |
#navbar { | |
position: fixed; | |
min-width: 290px; | |
top: 0px; | |
left: 0px; | |
width: 400px; | |
height: 100%; | |
border-right: solid; | |
} | |
#navbar header { | |
text-align: center; | |
margin: 15px; | |
} | |
#navbar ul { | |
padding: 0; | |
height: 100%; | |
} | |
#navbar li { | |
border-top: 1px solid; | |
list-style: none; | |
} | |
#navbar a { | |
display: block; | |
padding: 10px 30px; | |
} | |
#main-doc header { | |
text-align: left; | |
margin: 0; | |
} | |
section article { | |
margin: 15px; | |
font-size: 0.95em | |
} | |
code { | |
display: block; | |
background-color: #383838; | |
padding: 15px; | |
margin: 10px; | |
border-radius: 10px; | |
} | |
.output { | |
color: rgb(0,255,0); | |
} | |
a { | |
color: #ffd343; | |
} | |
a:hover { | |
color: rgb(0,255,0); | |
} | |
@media (max-width: 815px) { | |
#navbar { | |
display: block; | |
position: fixed; | |
top: 0; | |
padding: 0; | |
margin: 0; | |
width: 100%; | |
max-height: 350px; | |
border: none; | |
z-index: 1; | |
background-color: #2b5b84; | |
} | |
#main-doc { | |
display: block; | |
position: relative; | |
margin-left: 0px; | |
margin-top: 325px; | |
} | |
#header { | |
justify-content: flex-start; | |
} | |
} | |