:root {

    /* colors */

    --whiteblue: #c8d0e9;
    --lightblue:#99a6cf;
    --blue: #626ea9;
    --darkblue: #343978;
    --blackblue: #0c0a36;

    --whitebrown: #f4d8c4;
    --lightbrown: #cda085;
    --brown: #815c42;
    --darkbrown: #442d1c;

    --pink: #f481a7;
    --yellow: #fac674;
    --green: #96aa62;
    --darkgreen: #5e7e43;

    /* wys colors */

    --wysyellow: rgb(255, 160, 0);
    --wyslightyellow: rgb(255, 217, 142);
    --wyslightblue: rgb(150, 200, 255);
    --wysblue: rgb(70, 108, 178);
    --squidpink: rgb(255, 44, 146);

}

@font-face {
    font-family: PixelTitle;
    src: url('/fonts/pixel-thick.ttf');
}

@font-face {
    font-family: Pixel;
    src: url('/fonts/pixel-thin.ttf');
}

@font-face {
    font-family: TF2-Build;
    src: url('/fonts/TF2Build.ttf');
}

div {
    margin-top: 25px;
    margin-bottom: 25px;
}

#wys {
    background-color: var(--blackblue);
    border: 2px solid var(--wyslightyellow);
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0px 0px 20px var(--wysyellow);
    font-family: 'Pixel', sans-serif;
    font-size: 18px;
    color: white;
    cursor: url('/shrines/will-you-snail/assets/cursor-squid.png'), pointer;
}

#wys a {  
    font-style: italic;
    text-shadow: 0px 0px 5px var(--wysyellow), 0px 0px 10px var(--wysyellow);
    font-weight: lighter;
    font-family: 'PixelTitle', sans-serif;
    font-size: 32px;
    text-align: center;
    color: var(--wyslightyellow);
}

#wys a:hover {
    cursor: url('/shrines/will-you-snail/assets/cursor-shelly.png'), pointer;
    color: var(--wyslightblue);
    text-shadow: 0px 0px 5px var(--wysblue), 0px 0px 5px var(--wysblue);
}

#wys h2{
    background-color: none;
    background: none;
    border-radius: 0px;
    border: none;
    border-bottom: 2px dashed var(--squidpink);
}

#tf2 {
    cursor: url('/shrines/team-fortress-2/assets/blu-cursor.png'), auto;
    background-color: #ededf0;
    padding: 20px;
    text-align: center;
    color: #15141A;
    border-right: 50px solid #aba9a8;
    border-left: 50px solid #aba9a8;
}

#tf2 a {
    font-family: 'TF2-Build', sans-serif;
    color: #b35215;
    font-size: 32px;
    text-decoration: none;
}

#tf2 a:hover {
    cursor: url('/shrines/team-fortress-2/assets/red-cursor.png'), pointer;
    color: #595048;
}

#tf2 h2 {
    background-color: none;
    background: none;
    border-radius: 0px;
    border: none;
    border-bottom: none;
}