body {
font-family: 'ms gothic', sans-serif;
font-size: 15px;
background-color: #0A0A0A;
background-repeat: repeat;
color: #fff;
justify-content: center;
align-items: center;
overflow: hidden;
margin: 0; 
flex-direction: column;
padding: 1rem;
cursor: url(cursor.png), auto;
}
::selection {
color: #0a0a0a;
background: #fff;
}
::-webkit-scrollbar { 
width: 5px; 
} 
::-webkit-scrollbar-track { 
background: none;
} 
::-webkit-scrollbar-thumb { 
background: #fff; 
} 
::-webkit-scrollbar-thumb:hover { 
background: #fff; 
}
hr {
border: none;
border-top: 1px dashed #fff;
background: none;
margin: 1.5rem;
}
hr.music {
margin: .5rem;
}
hr.index {
margin: 0.25rem;
border: none;
border-top: 1px dotted #fff;
background: none;
}
a:link, a:visited {
color: #fff;
border-bottom: 1px dotted;
}
a {
font-weight: normal;
text-decoration: none;
border-bottom: 1px dotted;
}
a:hover {
text-decoration: none;
border-bottom: 1px dotted;
background: #fff;
color: #0A0A0A;
}
.center {
text-align: center;
font-size: 10px;
margin-top: -0.75vh;
justify-content: center;
}
.indexcontainer {
margin: auto;
margin-top: 25vh;
width: 55rem;
height: auto;
}
.indexsidebar {
width: 15rem;
padding: 1rem;
float: left;
}
.indexsidebar img {
width: 15rem;
}
.indexcontainer2 {
width: 36rem;
padding: 1rem;
float: right;
}
.justify {
text-align: justify;
}
.justifyc {
text-align: left;
font-size: 13px;
}
.button img {
width: auto;
height: auto;
margin: auto;
}
h1 {
text-decoration: bold;
font-family: 'ms gothic', sans-serif;
font-size: 13px;
}
h2 {
text-decoration: bold;
font-family: 'ms mincho', sans-serif;
font-size: 19px;
}
h2 a b {
border-bottom: 1px dotted;
}
h3 {
text-decoration: none;
font-size: 30px;
font-family: 'MS MINCHO', sans-serif;
}
h4 {
text-decoration: bold;
font-family: 'ms gothic', sans-serif;
font-size: 13px;
text-align: right;
}
h4 b a {
border-bottom: 1px dotted;
}
.aboutcontainer {
display: grid;
width: 30rem;
grid-template-rows: 18rem 5rem;
grid-template-columns: 2fr;
gap: 2rem;
margin: auto;
margin-top: 16vh;
justify-content: center;
}
.grid2 {
text-align: justify;
}
#statuscafe {
padding: .5rem;
background: none;
border: 1px dashed #0A0A0A;
display: inline-block;
border-width: 100%;
font-family: 'ms gothic', sans-serif;
font-size: 13px;
margin: .5rem;
}
#statuscafe-username {
margin-bottom: .5em;
}
#statuscafe-content {
margin: 0 1em 0.5em 1em;
}
.gencontainer {
display: grid;
width: 30rem;
grid-template-columns: 15rem 32rem;
grid-template-rows: 2fr;
gap: 2rem;
margin: auto;
margin-top: 15vh;
justify-content: center;
}
.grid1 {
text-align: justify;
}
.container2 {
text-align: justify;
border: 1px dashed #fff;
padding: 1rem;
height: 30rem;
overflow-y: auto;
overflow-x: hidden;
}
.container22 {
text-align: justify;
border: 1px dashed #fff;
padding: 1rem;
height: 30rem;
overflow-y: hidden;
overflow-x: hidden;
}
.container2 img {
align-items: center;
border: 1px dashed #fff;
height: auto;
width: 28rem;
}
.container2 a {
border-bottom: 1px dotted #fff;
}
.grid1 a {
border-bottom: none;
}
.grid1 img {
border: 1px dashed #fff;
width: 100%;
}
.container404 {
width: 30rem;
height: 23rem;
margin: auto;
justify-content: center;
border: 1px dashed #fff;
padding: 1rem;
}
.container404 a img {
height: 31px;
width: 88px;
border-bottom: none;
}
.photocontainer {
display: grid;
width: 80rem;
grid-template-columns: 20rem 60rem;
grid-template-rows: 2fr;
gap: 2rem;
margin: auto;
margin-top: 10vh;
justify-content: center;
}
.container3 {
text-align: justify;
border: 1px dashed #fff;
padding: 1rem;
height: 40rem;
overflow-y: auto;
overflow-x: hidden;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 3fr; 
}
.photogrid {
width: 17rem;
}
.photogrid img {
width: 17rem;
height: auto;
margin: 1rem;
border: 1px dashed #fff;
}
.container4 {
text-align: justify;
border: 1px dashed #fff;
padding: 1rem;
height: 40rem;
overflow-y: auto;
overflow-x: hidden;
}
.mediabox2 {
display: grid;
grid-template-columns: 10rem 44rem;
gap: 2rem;
grid-template-rows: 2fr; 
}
.vncontainer img {
display: inline-block;
}
.mediaimg img {
height: auto;
width: 10rem;
border: 1px dashed #fff;
}
.mediacontent {
font-size: 13px;
}
.spoiler {
filter: blur(1rem);
}