@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

p {
    font-family: 'Lato', sans-serif;
    font-size: 1.2em;
}

.boldheader {
    font-family: 'Anton', sans-serif;
    color: #5D5CA2;
    grid-column:1/ -1;
}

.navbar-brand {
    font-family: 'Press Start 2P', cursive;
}

a {
    text-decoration: none;
}

a:hover {
    color: #2c9597;
}

.logo {
    color: #33ABAE;
    font-size: 24pt;
}

.meet-container {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

.card-body {
    background-color: #33ABAE;
    color: rgb(236, 236, 236);
}

.card-link {
    color: white;
}

.card-link:hover {
    color: #F79F3F;
}

.btn-info {
    background-color: #33ABAE;
}

.join-link {
    color: white;
}

.join-link:hover {
    color: white;
}