.main-content{
    margin-top: calc(var(--header-height) * 1.25);
}

.heading{
    margin:40px;
    font-size:3em;
    text-shadow:white 0 0 10px;
}

.section{
    margin: 0px 0 40px 0;
}

.subheading{
    margin:20px;
    margin-left:0;
    padding-left:40px;
    font-size:2.5em;
    text-shadow:white 0 0 10px;
    width:100%;
}

.contact-grid{
    display:grid;

    height:100vh;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
}

.contact-entry{
    margin-top: 3px;
    margin-bottom: 3px;
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.1, 0.7, 0.8, 1);
    background: center / 100% no-repeat;
    cursor: pointer;
    position:relative;
}

.contact-entry:hover{
    background: center / 110% no-repeat;
}

.contact-entry-overlay{
    width:100%;
    height:100%;
    position:absolute;
    background-image: linear-gradient(to right, rgb(0 0 0 / 0.5), transparent 25%);
    pointer-events: none;
}

.contact-label{
    position:relative;
    margin:0;
    padding-top:32px;
    font-size:2em;
    color:white;
    margin-left:40px;
    text-shadow: black 0 0 5px;
}

.contact-link{
    display:block;
    width:100%;
    height:100%;
}

.clipboard-copy-msg{
    font-size:2rem;
    position:absolute;
    margin:0;
    transition-property: all;
    transition-duration: 2s;
    transition-timing-function:cubic-bezier(1, 1, 1, 1);
    pointer-events: none;
    text-shadow: black 0 0 5px;
    transform: translate(-50%, -50%);
}

.support-container{
    padding-left:40px;
    display:flex;
    flex-wrap:wrap;
    flex-direction: column;
}

.support-entry{
    margin:auto;
    margin-top:0;
    margin-bottom:0;
    display:flex;
    flex-wrap:wrap;
}

.support-entry-heading{
    width:100%;
    font-size:1.5em;
}

.support-img-wrapper{
    height:100%;
}

.fanbox-img:hover{
    filter: drop-shadow(0 0 10px var(--highlight-color));
    cursor: pointer;
}

.kofi-img, .fanbox-img{
    height:250px;
}

.kofi-img.thumb{
    position:absolute;
    z-index:2;
}

.kofi-img.thumb:hover{
    opacity: 0;
}

.footnote{
    color:grey;
    font-size:0.9em;
}

.mobile{
    display:none;
}

.kofi-button-wrapper{
    display:inline-block;
    min-width:120px;
    min-height: 40px;
    position:relative;
    z-index:2;
    pointer-events: none;
}

.btn-container{
    pointer-events: auto;
}

.kofi-button-image{
    display:block;
    position: relative;
    right:145px;
    margin-bottom:-36px;
}

@media (max-width:900px){

    .pc{
        display:none;
    }

    .mobile{
        display:inline-block;
    }

    .kofi-img.mobile{
        float:right;
        margin-bottom:-40%;
    }

    .support-container{
        flex-direction:column;
    }

    .support-entry{
        max-width:70vw;
    }

    .support-img-wrapper{
        width: fit-content;
        height:auto;
        margin:auto;
    }

    .kofi-img.thumb{
        display:none;
    }

    .support-img-wrapper.kofi{
        position: absolute;
        height: 0;
        width: 0;
    }

    .support-entry.kofi{
        padding-bottom: 50px;
    }

    .kofi-img{
        max-height:200px;
    }

    .fanbox-img{
        min-height:150px;
    }

    .kofi-img:not(.thumb){
        z-index: 0;
    }

    .contact-grid{
        height:auto;
    }
}