Spaces:
Running
Running
File size: 1,532 Bytes
3a59d19 2c14936 8b32c32 2c14936 8b32c32 2c14936 7d256fa 54afa56 3a59d19 2c14936 3a59d19 d415ab2 3a59d19 2c14936 3a59d19 7d256fa 54afa56 3a59d19 7d256fa 3a59d19 7d256fa 3a59d19 7d256fa 3a59d19 7d256fa 3a59d19 54afa56 2c14936 54afa56 2c14936 54afa56 2c14936 54afa56 2c14936 54afa56 8b32c32 54afa56 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 |
@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;
}
}
|