Files
website/static/style.css

126 lines
2.4 KiB
CSS
Raw Permalink Normal View History

2025-07-19 17:25:31 -04:00
@font-face {
font-family: "typewriter";
src: url("assets/courier_prime/courier_prime.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "typewriter";
src: url("assets/courier_prime/courier_prime_bold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "typewriter";
src: url("assets/courier_prime/courier_prime_italic.ttf") format("truetype");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "typewriter";
src: url("assets/courier_prime/courier_prime_bold_italic.ttf") format("truetype");
font-weight: bold;
font-style: italic;
font-display: swap;
}
h1, h3, p {
font-family: "typewriter";
font-weight: normal;
}
h1 {
margin-bottom: 0;
}
h3 {
margin-top: 0;
}
a {
text-decoration: none !important;
color: inherit !important;
font-family: 'typewriter';
font-size: 20px;
margin: 4px;
}
.posts {
display: block;
text-align: center;
align-items: center;
justify-items: center;
justify-content: center;
}
#posts-title {
font-family: "typewriter";
margin-bottom: 8rem;
}
#post_listing {
justify-items: left;
text-align: left;
margin-left: 100px;
/* border: 2px solid black; */
background-color: rgb(166, 156, 156, 0.1) ;
padding-left: 10px;
padding-right: 10px;
padding-top: 1px;
border-radius: 10px;
margin-top: 0;
padding-top: 4px;
}
#post_listing h1 {
margin-top: 4px;
}
#post_listing h3 {
margin-bottom: 4px;
padding-bottom: 4px;
}
.post {
justify-items: center;
text-align: center;
align-items: center;
width: 50%;
margin-left: auto;
margin-right: auto;
}
.post_meta {
justify-items: center;
text-align: center;
align-items: center;
}
.post_body {
width: 100%;
justify-items: left;
text-align: left;
align-items: left;
margin-bottom: 0;
padding-left: 10%;
/* padding-right: 20%; */
font-family: "typewriter";
}
.post_body h1 h2 h3 {
font-family: "typewriter";
}
table {
margin-left: auto;
margin-right: auto;
}