You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
103 lines
1.6 KiB
CSS
103 lines
1.6 KiB
CSS
body{
|
|
--primary-color:black;
|
|
--secondary-color:white;
|
|
--accent-color:rgb(3, 58, 3);
|
|
--accent-color2:rgb(139, 72, 21);
|
|
display:flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
margin:0;
|
|
background-color: var(--secondary-color);
|
|
color:var(--primary-color);
|
|
font-size:22px;
|
|
background-size:cover;
|
|
background-position: center;
|
|
}
|
|
|
|
a{
|
|
color:var(--accent-color);
|
|
font-weight: bolder;
|
|
}
|
|
|
|
|
|
header,footer{
|
|
background-color:var(--accent-color);
|
|
color:var(--secondary-color);
|
|
width:100vw;
|
|
display:flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-evenly;
|
|
}
|
|
header{
|
|
margin-bottom: 1rem;
|
|
}
|
|
footer{
|
|
margin-top:1rem;
|
|
}
|
|
nav {
|
|
display:flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
nav>*{
|
|
margin:1rem;
|
|
}
|
|
header a,
|
|
footer a{
|
|
color:var(--secondary-color);
|
|
}
|
|
main{
|
|
min-height: 80vh;
|
|
max-width:100vw;
|
|
border-radius:3rem;
|
|
padding:3rem;
|
|
padding-left:0;
|
|
padding-right:0;
|
|
|
|
}
|
|
table{
|
|
border-spacing: 0;
|
|
}
|
|
th,td{
|
|
border:2px solid var(--accent-color2);
|
|
padding:5px;
|
|
margin:0;
|
|
}
|
|
hr{
|
|
width:100%;
|
|
color:var(--accent-color2);
|
|
}
|
|
article{
|
|
max-width: 100%;
|
|
display:flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
background-color: var(--secondary-color);
|
|
border-radius: 2.5rem;
|
|
padding:5rem;
|
|
padding-top:0.25rem;
|
|
}
|
|
|
|
code{
|
|
font-family: monospace;
|
|
color:var(--accent-color);
|
|
font-weight: bolder;
|
|
}
|
|
|
|
|
|
.item{
|
|
display:flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
main p,
|
|
main h3,
|
|
main h4,
|
|
main table,
|
|
main ol,
|
|
main ul{
|
|
width:100%;
|
|
} |