@import "common.css";

html
{
    font-family: Arial, Helvetica, sans-serif;
    color: var(--colour-fg);
    background-color: var(--colour-bg);
}

#container
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    /*gap: 15%;*/
    font-size: 3em;
}


.item
{
    /*center text*/
    display: flex;
    align-items: center;
    justify-content: center;
    
    width: 300px;
    height: 300px;
    border: 2px solid var(--colour-fg);
    padding: 0.5em;
    /*margin-top: 20%;*/
    /*flex-grow: 1;*/
}

a
{
    color: var(--colour-fg);
    text-align: center;
}

/*
@media only screen and (max-width: 870px)
{
    #drone_vids
    {
        margin-top: 20% !important;
    }
}
*/