background: #3b428c;
color: #DDDDDF;
background-size: 64px;
background-attachment: fixed;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
cursor: url(""), auto;
scrollbar-width: thin;
scrollbar-color: #3746c7 #dddddf;
}
body {
font-family: "DotGothic16", cursive;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Press Start 2P", cursive;
}
h1 {font-size:24px;}
h2 {font-size:20px;}
.border {
border-image-slice: 25%;
border-image-width: 32px;
border-image-outset: 16px;
border-image-repeat: stretch;
border-image-source: url("https://i.ibb.co/nsBrNsn/border.png");
border-style: solid;
padding: 16px;
background: #4b5397;
}
a {
color: #7ccac4;
font-weight:bold;
filter: brightness(100%);
}
a:hover {
filter: brightness(50%);
}
blockquote {
border-left:4px solid #D62633;
margin-left:24px;
padding-left:8px;
}
button {
font-family: "DotGothic16", cursive;
font-weight: bold;
filter: brightness(100%);
}
button:hover {
filter: brightness(50%);
}
.button1 {
border-image-slice: 25% fill;
border-image-width: 32px;
border-image-outset: 8px;
border-image-repeat: stretch;
border-image-source: url("https://i.ibb.co/6RGd0gN/button1.png");
border-style: solid;
width: 200px;
color: rgba(0, 0, 0, 0.8);
margin: 8px;
}
.button2 {
border-image-slice: 25% fill;
border-image-width: 32px;
border-image-outset: 8px;
border-image-repeat: stretch;
border-image-source: url("https://i.ibb.co/hKrPc0q/button2.png");
border-style: solid;
width: 200px;
color: rgba(0, 0, 0, 0.8);
margin: 8px;
}
.button3 {
border-image-slice: 25% fill;
border-image-width: 32px;
border-image-outset: 8px;
border-image-repeat: stretch;
border-image-source: url("https://i.ibb.co/7rQjcr4/button3.png");
border-style: solid;
width: 200px;
color: rgba(0, 0, 0, 0.8);
margin: 8px;
}
.button4 {
border-image-slice: 25% fill;
border-image-width: 32px;
border-image-outset: 8px;
border-image-repeat: stretch;
border-image-source: url("https://i.ibb.co/7RjVPRy/button4.png");
border-style: solid;
width: 200px;
color: rgba(0, 0, 0, 0.8);
margin: 8px;
}
#page {
padding:16px;
float:left;
}
#sidebar {
width:220px;
padding:16px;
height:500px;
float:left;
}
#container {
width: 500px;
height: 500px;
padding: 16px;
margin-left: 32px;
float:right;
overflow-y:auto;
scrollbar-width: thin;
scrollbar-color: #3746c7 #dddddf;
}
.post1 {
background:#3B428C;
padding:8px;
border:2px solid black;
margin-bottom:8px;
}
.post2 {
background:#DDDDDF;
color:black;
padding:8px;
border:2px solid black;
margin-bottom:8px;
}
#credit {
position:fixed;
bottom: 8px;
right: 8px;
}