.header-ISOBEL {
            vertical-align: middle;
        }


        #statuscafe {
            padding: .5em;
            background-color: #DCD6C9;
            border: 1px solid black;
        }
        #statuscafe-username {
            margin-bottom: .5em;
            font-size: smaller;
        }
        #statuscafe-content {
            margin: 0 0.5em 0.5em 0.5em;
        }

            /* Style the button that is used to open and close the collapsible content */
        .collapsible {
        background-color: #DCD6C9;
        color: #000000;
        cursor: crosshair;
        padding: 8px;
        width: 100%;
        border: none;
        text-align: justify;
        outline: none;
        font-size: 15px;
        font-family: 'Imperator';
        }

        /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
        .active, .collapsible:hover {
        background-color: #BFB294;
        }

        /* Style the collapsible content. Note: hidden by default */
        .content {
        padding: 0 18px;
        display: none;
        overflow: hidden;
        background-color: #DCD6C9;
        text-align: justify;

        }

        .sitemap {
            transition: color 0.1s ease;
            transition: translate 0.1s ease;}
        .sitemap a {
            transition: color 0.2s ease;
            transition: translate 0.1s ease;}
        .sitemap:hover {
            color: white !important;
            translate: 4%
        }
        .sitemap:hover a {
            color: white !important;
            translate: 4%

        }
        


        /*changes the logos based on whether you're hovering over them*/
        #tumblrlogo, #letterboxdlogo, #discordlogo, #goodreadslogo {
            display: inline-block;
            width: 30px;
            height: 30px;
            background-size: cover;
            transition: background-image 10s ease;
            transition: transform 1s ease;

        }

        #tumblrlogo:hover, #letterboxdlogo:hover, #discordlogo:hover, #goodreadslogo:hover{

            transform: scale(1.1);

        }

        #tumblrlogo {
            background-image: url('/misc_resources/social_logos/tumblr2.png');
        }

        #tumblrlogo:hover {
            background-image: url('/misc_resources/social_logos/tumblr.png');
        }

        #letterboxdlogo {
            background-image: url('/misc_resources/social_logos/letterboxd2.png');
            background-size: cover;
        }

        #letterboxdlogo:hover {
            background-image: url('/misc_resources/social_logos/letterboxd.png');
        }


        #discordlogo {
            background-image: url('/misc_resources/social_logos/discord2.png');
            background-size: cover;
        }

        #discordlogo:hover {
            background-image: url('/misc_resources/social_logos/discord.png');
        }

        #goodreadslogo {
            background-image: url('/misc_resources/social_logos/goodreads2.png');
            background-size: cover;
        }

        #goodreadslogo:hover {
            background-image: url('/misc_resources/social_logos/goodreads.png');
        }

@keyframes mouseover {
  0% { transform: scale(1);}

  50% { transform: scale(1.5); }

  100% { transform: scale(1); }
}