#resources{
    position:relative;
    top:200px;
    width:100%;
    margin:0 auto;
    display:flex;
    gap:15px;
    overflow-x:auto;
}
#resources::-webkit-scrollbar{
    display:none;
}
.resourceSpacer{
    position:relative;
    flex: 0 0 350px;
}
.resourceItem{
    position:relative;
    flex: 0 0 350px;
    border-radius:20px;
    background:#F3F3F3;
    padding:30px;
    height:250px;
}
.resourceItemTitle{
    font-size:30px;
    font-family:"Instrument Sans", sans-serif;
    font-weight:500;
    color:#222222;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    margin-bottom:10px;
    width:250px;
}
.resourceItemBlurb{
    color:#222222;
    font-size:18px;
    font-family:"Instrument Sans", sans-serif;
    font-weight:300;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    line-height:25px;
    width:250px;
}
.resourceItemImage{
    border-radius:15px;
    max-width:350px;
    max-height:350px;
    margin-top:20px;
}
.resourceItemButtonBox{
    margin-top:40px;
    text-align:right;
}
.resourceItemButton{
    background:#444444;
    border-radius:100%;
    border:0;
    padding:10px;
    cursor:pointer;
    color:#EDEDED;
    font-size:20px;
    width:45px;
    height:45px;
}

@media only screen and (max-width: 500px) {
    #resources{
        top:200px;
        flex-wrap:wrap;
        justify-content:center;
    }
    .resourceItem{
        flex: 0 0 300px;
        height:225px;
    }
    .resourceItemTitle{
        font-size:25px;
    }
    .resourceItemBlurb{
        font-size:15px;
    }
    .resourceItemButtonBox{
        margin-top:20px;
    }
}