/*These are styles just used for this page*/
@font-face {
    font-family: "ArcadeClassic";
    src: url("/font/ArcadeClassic.woff");
}

.topbar{
    padding: 10px;
    align-content: flex-start;
    width: 100%;
    height: wrap;
    background-color: black; /*Previous: black*/
}

.title_header{
    font-family: "ArcadeClassic";
    font-size: 1.5em;
    vertical-align: top;
    display: inline-block;
    color: teal;
    margin-top: 13px;
    margin-left: 15px;
}

.toxic_flame_icon{
    display: inline-block;
    height: 50px;
    transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    -moz-transition: 1s;
}

a,  a > p{
    color: aqua;
}

.body{
    margin-left: 5px;
}

.body > p, li{
    line-height: 25px;
    font-size: large;
}

.body h1, p, ul, li{
    width: fit-content;
    margin: auto;
    font-weight: bold;
}

#error_image{
    display: block;
    width: fit-content;
    height: 200px;
    margin-top: 20px;
    margin-bottom: 50px;
    
    margin-left: auto;
    margin-right: auto;
}

.body > h1{
    text-align: center;
    margin: auto;
}

#wronging_text{
    color:red;
    text-align: center;
}

#come_back_later_text{
    color: green;
    text-align: center;
    margin-left: 25px;
    margin-right: 25px;
}

/*TODO: Make the featured cards more responsive*/
@media only screen and (max-width:600px){
    .body > p, li{
        line-height: 25px;
        font-size: medium;
    }
    .body h1{
        font-size: x-large;
    }
    #error_image{
        width: fit-content;
        height: 150px;
    }
}