@font-face {
    font-family: Pixel;
    src: url(font/joystix\ monospace.otf);
}
html{
    font-family: sans-serif;
    background-image: url(media/static.gif);
    background-color: rgba(0, 0, 0, 0.3);
    background-blend-mode: multiply;
    background-size: 100%;
    color: white;
}
header{
    text-align: left;
    padding: 50px;
    padding-left: 20%;
    font-size: 35px;
}

main{
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 100px;
    font-size: 25px;
}

table{
    margin-left: auto;
    margin-right: auto;
}

tr, td{
    border-bottom: 3px solid white;
    border-collapse: collapse;
    padding: 2px;
    text-align: center;
}

footer{
    font-size: larger;
    text-align: center;
    margin-top: 100px;
}

/* IDs */
#download{
    display: block;
    text-align: center;
}
#download_button{
    width: 500px;
}

#springbonnie{
    width: 500px;
    height: auto;
    display: flex;
    position: absolute;
    top: 50px;
    right: 300px;
    z-index: -1;

}
#wiki_display{
    display: none;
    text-align: justify;
    font-size: 20px;
}
#show_more{
    cursor: pointer;
    text-decoration: underline;
    font-size: 30px;
    text-align: center;
}
#version{
    font-size: 20px;
    text-align: center;
}
#spoiler{
    font-size: 20px;
    text-align: center;
    color: yellow;
}


/* Class */
.font_pixel{
    font-family: Pixel;
}
.highlight{
    background: linear-gradient(to bottom, rgb(255, 177, 177), rgb(203, 0, 0));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.header{
    font-size: 40px;
}
.wiki_section{
    text-decoration: underline;
}
.img_wiki{
    display: flex;
    margin-left: auto;
    margin-right: auto;
}