128 lines
No EOL
1.8 KiB
CSS
128 lines
No EOL
1.8 KiB
CSS
body {
|
|
background-color: #424242;
|
|
}
|
|
|
|
#wrapper {
|
|
background-color: #B2C5D6;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 90%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
#content {
|
|
margin: 0;
|
|
padding-top: 0;
|
|
padding-left: 1vh;
|
|
padding-right: 1vh;
|
|
overflow: visible;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
height: 100vh;
|
|
}
|
|
|
|
header {
|
|
background: linear-gradient(20deg, #6E9277 20%, #FFD483 50%, #FC6467 85%);
|
|
margin-bottom: 1vh;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
color: #424242;
|
|
}
|
|
|
|
nav ul {
|
|
list-style-type: none;
|
|
margin-left: .3%;
|
|
margin-right: .3%;
|
|
margin-top: .3%;
|
|
margin-bottom: .3%;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
background-color: #424242;
|
|
display: block;
|
|
}
|
|
|
|
nav li {
|
|
margin: 0;
|
|
display: inline;
|
|
float: left;
|
|
}
|
|
|
|
nav li a {
|
|
display: block;
|
|
color: #B2C5D6;
|
|
text-align: center;
|
|
padding: 14px 16px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
nav li a:hover {
|
|
background-color: #4B4B4B;
|
|
}
|
|
|
|
footer {
|
|
background: linear-gradient(20deg, #ffadad, #ffd6a5, #fdffb6, #caffbf, #9bf6ff, #a0c4ff, #bdb2ff, #ffc6ff);
|
|
margin-top: auto;
|
|
}
|
|
|
|
footer p {
|
|
text-align: center;
|
|
}
|
|
|
|
h1 {
|
|
text-align: center;
|
|
}
|
|
|
|
h2 {
|
|
margin-top: 1vh;
|
|
margin-bottom: 1vh;
|
|
}
|
|
|
|
p {
|
|
color: #424242;
|
|
margin-top: 1%;
|
|
margin-bottom: 1%;
|
|
}
|
|
|
|
li {
|
|
color: #424242;
|
|
}
|
|
|
|
hr {
|
|
border-style: dashed;
|
|
border-color: #424242;
|
|
color: #424242;
|
|
margin: auto;
|
|
}
|
|
|
|
svg {
|
|
margin-top: .2%;
|
|
margin-bottom: .2%;
|
|
margin-left: 20%;
|
|
margin-right: auto;
|
|
display: block; /* want to figure out why this works */
|
|
}
|
|
|
|
img {
|
|
width: 100%;
|
|
}
|
|
|
|
.img-container {
|
|
margin: .5vh;
|
|
border: 0;
|
|
width: 35%;
|
|
float:left;
|
|
}
|
|
|
|
figcaption {
|
|
color: #424242;
|
|
}
|
|
|
|
.example-img-container {
|
|
margin: .2%;
|
|
border: 0;
|
|
width: 35%;
|
|
} |