@font-face {font-family: M64; src: url(https://mrsazden.neocities.org/fonts/Mario64.ttf);}
@font-face {font-family: MP; src: url(https://mrsazden.neocities.org/fonts/MarioParty.ttf);}
@font-face {font-family: SM256; src: url(https://mrsazden.neocities.org/fonts/SM256.ttf);}
@font-face {font-family: SMW; src: url(https://mrsazden.neocities.org/fonts/SMW.ttf);}

:root {
--body-bg-image: url(https://i.postimg.cc/rwCCZf5h/wallhaven-nm9331.jpg);
--lightorange: #FC9838;
--darkorange: #C84C0C;
--redorange: #D82800;
--itembox: 3px solid var(--darkorange), black, rgb(0, 0, 0), var(--darkorange);

cursor: url(https://cur.cursors-4u.net/games/gam-1/gam14.ani), url(https://cur.cursors-4u.net/games/gam-1/gam14.png), auto !important;
}



header {
    background-color: var(--lightorange);
    border: 6px solid var(--darkorange);
    width: 75%;
    margin: 0 auto; padding: 10px;
    display: flex;
        flex-direction: column;
        align-items: center;

    h1 {font-family: 'SM256'; color: var(--redorange);}
    p {font-family: 'MP';}
    text-align: center; padding: 10px;   
}

body { 
    background-image: var(--body-bg-image);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
}

input {
    background-color: var(--lightorange);
    border: 3px solid;
        border-top-color: var(--darkorange);
        border-right-color: black;
        border-bottom-color: black;
        border-left-color: var(--darkorange);
    font-family: 'SM256';
    margin: auto; padding: 9px;
}

.box {
    background-color: var(--lightorange);
    border: 3px solid;
        border-top-color: var(--darkorange);
        border-right-color: black;
        border-bottom-color: black;
        border-left-color: var(--darkorange);
    font-family: 'SMW'; text-align: center;
    width: 800px;
    h2{font-family: 'SM256';}
    
}

#buttontabs {
    display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    margin: 25px;
    :hover {cursor: url(https://cur.cursors-4u.net/games/gam-1/gam9.ani), url(https://cur.cursors-4u.net/games/gam-1/gam9.png), auto !important;}
}

































/*Style the collapse content. Note: hidden by default*/

    .content {
        padding: 0 18px;
        display: block;
        overflow: auto;
        margin: 3%;
        width: max-content;

    }

    

/* --- EXTRAS --- */
.imgscaledown {
    width: 50%;
    height: 100px;
    object-fit: contain;
}