101 lines
1.4 KiB
CSS
101 lines
1.4 KiB
CSS
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "JetBrains Mono";
|
|
font-style: regular;
|
|
src:
|
|
local("JetBrainsMono-Regular"),
|
|
url("/fonts/JetBrainsMono-Regular.woff2");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "JetBrains Mono";
|
|
font-style: italic;
|
|
src:
|
|
local("JetBrainsMono-Italic"),
|
|
url("/fonts/JetBrainsMono-Italic.woff2");
|
|
}
|
|
|
|
body {
|
|
background-color: #262626;
|
|
color: #F58216;
|
|
font-family: "JetBrains Mono";
|
|
}
|
|
|
|
footer, header, h2 {
|
|
text-align: center;
|
|
}
|
|
|
|
section {
|
|
width: 70%;
|
|
margin: 3em auto;
|
|
}
|
|
|
|
.border {
|
|
border: 3px solid;
|
|
border-radius: 15px;
|
|
padding: 1em 2em;
|
|
}
|
|
|
|
a {
|
|
color: #F58216;
|
|
}
|
|
|
|
a:hover, a:active {
|
|
color: #FCAB32;
|
|
}
|
|
|
|
img {
|
|
width: 100%;
|
|
border: 3px dashed;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
#projects ~ ul {
|
|
list-style-type: square;
|
|
}
|
|
|
|
#projects ~ p, #track-list ~ p {
|
|
text-align: center;
|
|
margin-top: 1.5em;
|
|
}
|
|
|
|
.centered-list {
|
|
list-style-type: none;
|
|
padding-left: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.seperated > :not(:last-child) {
|
|
border-bottom: 2px solid;
|
|
}
|
|
|
|
.seperated > * {
|
|
padding: 0.5em 0;
|
|
}
|
|
|
|
.seperated > :first-child {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.seperated > :last-child {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
#track-list ~ ul > :not(:first-child) {
|
|
margin-top: 0.5em;
|
|
}
|
|
|
|
@media (width <= 650px) {
|
|
section {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media (650px < width <= 850px) {
|
|
section {
|
|
width: 85%;
|
|
}
|
|
}
|