@font-face {
    font-family: 'Lil Grotesk';
    src: url('../lilgrotesk/LilGrotesk-Regular.otf') format('truetype');
}

@font-face {
    font-family: 'Blinds Audience';
    src: url('../blindsaudience/Blinds\ Audience.otf') format('woff');
}

.leisure {
    width:100vw;
    background:var(--green);
    color:var(--gold);
    box-sizing: border-box;
    min-height:auto;
}

.leisure h1 {
    font-family:'Garamond',serif;
    padding:1em;
}

.leisure h2 {
    display:flex;
    justify-content: center;
    align-items:center;
    font-family:'Lil Grotesk',serif;

}

.leisure-logo {
    width:2em;
    height:2em;
}

.leisure-carousel {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;    
    justify-content:space-around;
}

.leisure-carousel img {
    width:20em;
    height:25em;
    object-fit:cover;

}

  .leisure button{
    height:auto;
    background:transparent;
    color:var(--gold);
    border-color: var(--gold);
    font-size: 1em;
    cursor:pointer;
}

.leisure button:hover{
    background:var(--gold);
    color:var(--white);
    cursor:pointer;
}

.checkboxes {
    display:flex;
    flex-direction:row;
    justify-content:center;
}