@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quintessential&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Display&display=swap');

body {
    color:#f4dec8;
    justify-content: center;
    font-size:17px;
    line-height:22.5px;
    font-family:VT323 !important;
    max-width:950px;
    margin:auto;
    background-color: rgb(9, 0, 15);
    background-image:url("https://decahedron.neocities.org/assets/golden%20bg.png");
    background-position: center;
    background-repeat: repeat-y, repeat;
    filter:sepia(20%);
}

img {
    filter:drop-shadow(5px 5px 10px rgba(49, 0, 17, 0.557));
}

html {
    cursor:url("https://decahedron.neocities.org/assets/cursor.png"), auto;
}

a {
    color:#f03b98;
    text-decoration: underline dotted;
    transition: color 0.1s;
    filter: drop-shadow(0px 0px 5px #96024723);
}

a:hover { 
    cursor:url("https://decahedron.neocities.org/assets/pointer.png"), auto;
    color:#f698c4;
    filter:drop-shadow(0px 0px 5px #960247)
}

.warningstripe {
    width:100%;
    height:25px;
    font-size:18px;
    text-align: center;
    vertical-align: center;
    background-color: #fb9c2f;
    color:#fff;
}

header {
    background-color:black;
    width:100%;
    height:180px;
    margin:auto;
    position:relative;
    background-image:url("https://f2.toyhou.se/file/f2-toyhou-se/images/104678917_x75qEfbr5IK4uND.png?1753979612");
    background-size: cover;
    background-position: center;
}

.toplink { /* this is an h1 class */
    font-size:30px;
    margin-bottom:8px;
}

.header { /* this is an h1 class do not be fooled */
    font-size:46px;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    color:#f2cc5a;
    background-color:rgb(99, 36, 13);
    width:65%;
    padding:5px;
    margin-top:10px;
    margin-bottom:2px;
    line-height:45px;
}

.glow {
    font-size:58px;
    text-align: center;
    color:white;
    filter:drop-shadow(0px 0px 15px #f2cc5a)
}


.divider { /*hr class*/
    margin:auto;
    width:100%;
    height:1px;
    color:white;
}

.pagecontainer {
    display:flex;
    height:650px;
}

.containerleft {
    width:17%;
    background-color:black;
    background-image:url("https://f2.toyhou.se/file/f2-toyhou-se/images/106047269_49x961dJz9TxNZa.png");
    background-size:cover;
    background-position: center;
}

.containerleft>a {
    margin-left:10px;
    color:white;
}

.containermain {
    padding:10px;
    width:66%;
    overflow-y:scroll;
    border:1px solid black;
    background: #8c0750;
    background: linear-gradient(180deg, rgba(140, 7, 80, 1) 0%, rgba(45, 1, 33, 1) 27%, rgba(41, 1, 33, 1) 100%);
}

.containerright {
    width:17%;
    background-color:black;
    background-image:url("https://f2.toyhou.se/file/f2-toyhou-se/images/105838570_ITLghu3Ga7zCJgN.png");
    background-size:cover;
    background-position: 75%;
}

footer {
    width:100%;
    height:120px;
    margin:auto;
    background: #ffe6a6;
    background: linear-gradient(180deg, rgba(255, 222, 140, 0.794) 0%, rgba(0, 0, 0, 1) 100%);
}