80 lines
1.1 KiB
CSS
80 lines
1.1 KiB
CSS
@font-face {
|
|
font-family: 'JetBrains-Mono';
|
|
src: url('./jetbrains-mono-font/fonts/webfonts/JetBrainsMono-Regular.woff2') format('woff2');
|
|
}
|
|
|
|
:root {
|
|
font-family: 'JetBrains-Mono', sans-serif;
|
|
}
|
|
|
|
/* * {
|
|
outline: 1px black solid;
|
|
} */
|
|
|
|
body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0;
|
|
|
|
height: 100dvh;
|
|
width: 100dvw;
|
|
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
main {
|
|
flex: 1;
|
|
padding: 32px;
|
|
}
|
|
|
|
main div {
|
|
font-size: 28px;
|
|
}
|
|
|
|
main img {
|
|
box-shadow: 0px 0px 8px 4px black;
|
|
}
|
|
|
|
#bottomnav {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 32px;
|
|
margin: 0;
|
|
outline: 1px solid black;
|
|
}
|
|
|
|
#bottomnav span {
|
|
align-self: center;
|
|
}
|
|
|
|
#bottomnav ul {
|
|
display: flex;
|
|
flex-direction: row;
|
|
list-style: none;
|
|
|
|
padding: 0;
|
|
gap: 16px;
|
|
}
|
|
|
|
#bottomnav li {
|
|
padding: 0px;
|
|
}
|
|
|
|
#bottomnav a {
|
|
color: black;
|
|
background: white;
|
|
|
|
text-decoration: none;
|
|
|
|
padding: 4px;
|
|
|
|
outline: 1px black solid;
|
|
}
|
|
|
|
#bottomnav a:hover {
|
|
text-decoration: underline;
|
|
|
|
background: black;
|
|
color: white;
|
|
} |