:root {
    --dark-color: rgb(65, 8, 25);
}
* {
    cursor: url('/IMGs/collections/skullcur.png'), auto;
}
    body {
        background: url('/IMGs/collections/moths.png'); 
        font-family: 'Lora';
        font-size: 1.2rem;
    }
    
    .wrapper {
        width: 44rem;
        height: 46rem;
        margin: auto;
        background-color: #3f1523;
        border-radius: 20px;
        border: 4px solid #9ea74d;
        padding: 1rem;
        color: rgb(216, 244, 255);
    }

    .content {
        align-self: center;
        width: 30rem;
        margin: 0 auto;
    }
    h1 {
        text-align: center;
        font-size: 2.8rem;
        font-weight: 100;
        font-family: 'Spirit';
        color: rgb(253, 253, 111);
        text-shadow: 2px 2px 3px #8785ff, 0px 0px 4px rgb(36, 0, 196);
    }
    
    ul {
        list-style: inside url('/IMGs/collections/redflower.gif');
        overflow: scroll;
    }
    a {
        color: #8785ff;
    }
    hr {
        height: 0.875rem;
        background-image: url('/IMGs/collections/red2.gif');
        background-repeat: repeat-x;
        border: none;
    }
    #back-button {
        position: relative;
        right: 6rem;
        color: #b2bd56;
    }
    #back-button:hover {
        background-color: #f6ffa7;
        color: #7c8a02;
    }

::-moz-selection { /* Code for Firefox */
    color: black;
    background: rgb(156, 0, 0);
}

::selection {
    color: black;
    background: rgb(156, 0, 0);
}
@media (max-width: 1060px) {
    :root {
        font-size: 13px;
    }
}
@media (max-width: 588px) {
    :root {
        font-size: 11px;
    }
}
@media (max-width: 300px) {
    :root {
        font-size: 8px;
    }
}