105 lines
1.5 KiB
CSS
105 lines
1.5 KiB
CSS
/* Fonts */
|
|
@font-face {
|
|
font-family: Super Pixel;
|
|
src: url('/assets/fonts/super_pixel.ttf');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: FiraCode Bold;
|
|
src: url('/assets/fonts/fira_code_v6.2/woff2/FiraCode-Bold.woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: FiraCode;
|
|
src: url('/assets/fonts/fira_code_v6.2/woff2/FiraCode-Regular.woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: ATT PC6300;
|
|
src: url('/assets/fonts/oldschool_pc_font_pack_v2.2/Web437_ATT_PC6300.woff')
|
|
}
|
|
|
|
|
|
body {
|
|
margin-top: 2%;
|
|
margin-left: 5%;
|
|
background-color: #000000;
|
|
}
|
|
|
|
.navbar {
|
|
list-style-type: none;
|
|
display: inline;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.navbar li {
|
|
display: inline;
|
|
}
|
|
|
|
.navbar > li > a {
|
|
font-family: FiraCode Bold;
|
|
margin-left: 3px;
|
|
margin-right: 3px;
|
|
display: inline;
|
|
}
|
|
|
|
.navbar a {
|
|
text-decoration: none;
|
|
font-size: 20px;
|
|
display: inline;
|
|
color: #bb53f3;
|
|
}
|
|
|
|
.navbar a:hover {
|
|
color: white;
|
|
}
|
|
|
|
.navbar h1 {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.navbar h1 a {
|
|
color: #bb53f3;
|
|
font-size: 30px;
|
|
display: inline;
|
|
font-family: Super Pixel;
|
|
}
|
|
|
|
@media (min-width: 600px) {
|
|
.navbar li h1 {
|
|
display: inline;
|
|
}
|
|
}
|
|
|
|
/* Main content */
|
|
|
|
main {
|
|
color: white;
|
|
font-family: FiraCode;
|
|
width: 70%;
|
|
}
|
|
|
|
main h2 {
|
|
font-family: ATT PC6300;
|
|
font-size: 40px;
|
|
margin-top: 20px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
main p {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
main a {
|
|
text-decoration: none;
|
|
color: #418cf6;
|
|
}
|
|
|
|
a:hover {
|
|
color: white;
|
|
}
|
|
|
|
footer {
|
|
color: white;
|
|
}
|