:root {
--background-color: #3EBA00;
--background-image: url(https://file.garden/ZceRIIBo0FZgJaaA/bg/ttm%20blog%20bg.svg);
--green: green;
--light-green: #a5d643;
--text-shadow: green 2px 0px 0px, 
green 1.75517px 0.958851px 0px, 
green 1.0806px 1.68294px 0px, 
green 0.141474px 1.99499px 0px, 
green -0.832294px 1.81859px 0px, 
green -1.60229px 1.19694px 0px, 
green -1.97998px 0.28224px 0px, 
green -1.87291px -0.701566px 0px, 
green -1.30729px -1.5136px 0px, 
green -0.421592px -1.95506px 0px, 
green 0.567324px -1.91785px 0px, 
green 1.41734px -1.41108px 0px, 
green 1.92034px -0.558831px 0px;
}

.dark-theme {
--background-color: #1a1a1a;
--background-image: url(https://file.garden/ZceRIIBo0FZgJaaA/bg/ttm%20blog%20bg%20dark%20mode.svg);
--green: black;
--light-green: #515151;
--text-shadow: black 2px 0px 0px, 
black 1.75517px 0.958851px 0px, 
black 1.0806px 1.68294px 0px, 
black 0.141474px 1.99499px 0px, 
black -0.832294px 1.81859px 0px, 
black -1.60229px 1.19694px 0px, 
black -1.97998px 0.28224px 0px, 
black -1.87291px -0.701566px 0px, 
black -1.30729px -1.5136px 0px, 
black -0.421592px -1.95506px 0px, 
black 0.567324px -1.91785px 0px, 
black 1.41734px -1.41108px 0px, 
black 1.92034px -0.558831px 0px;
--link: white;
}

body {
background-color: var(--background-color);
background-image: var(--background-image);
}

#post-content {
background-color: var(--light-green);
border: solid var(--green) 5px;
padding: 10px;
}

.date {
color: var(--green);
font-family: 'Shag Expert Lounge';
font-size: 20px;
font-style: italic;
}

p {
color: var(--green);
}

li { 
color: var(--green);
}

header {
font-size: 40px;
text-shadow: var(--text-shadow);
}

h1 {
color: white;
text-shadow: var(--text-shadow);
}

.center {
text-align: center;
}

.closeButton {
background-color: var(--green);
border: none;
padding-left: 50px;
padding-right: 50px;
font-family: 'Grilled Cheese';
color: white;
height: 50px;
font-size: 30px;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
border-radius: 100%;
}
.closeButton:hover {
transform: scale(1.3);
cursor: pointer;
}

img {
display: block;
margin-inline: auto;
padding: 15px;
}

.themer {
background-color: var(--green);
border: none;
padding-left: 50px;
padding-right: 50px;
font-family: 'Grilled Cheese';
color: white;
height: 50px;
font-size: 30px;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
border-radius: 100%;
}
.themer:hover {
cursor: pointer;
transform: scale(1.3);
filter: drop-shadow(0px 0px 10px white);
}