

body {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

main {
    /* margin: 12vh 10vw; */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
    gap: 10px
}

#connection-status {
    background-color: rgb(245, 84, 84);
    color: white;
    text-align: center;
}

@media screen and (max-width: 1100px) {
    main {
        display: flex;
        flex-direction: column;
        align-content: center;
        flex-wrap: wrap;
        
    }
}