body{
    background-color: #0D7C66;
    font-family: Arial, Helvetica, sans-serif;
    color: #BDE8CA;
}

a:link {
    color: #D7C3F1;
}

a:visited {
    color: #D7C3F1;
}

.fs-large {
    font-size: large;
}

.flex {
    display: flex;
}

.border {
    border: 1px solid black;
}

.align-items-center {
    align-items: center;
}

.justify-bw {
    justify-content: space-between;
}

.ml-5 {
    margin-left: 5%;
}

.w-50 {
    width: 50%;
}

@media (min-width: 800px){
    .md-w-33 {
        width: 33.33%;
    }
    .md-w-50 {
        width: 50%;
    }
    .md-w-80 {
        width: 80%;
        margin: auto;
    }
    .md-mt-5 {
        margin-top: 5%;
    }
    .md-flex {
        display: flex;
    }
    .md-justify-bw {
        justify-content: space-between;
    }
}

@media (max-width: 800px){
    .sm-m-auto {
        margin: auto;
    }
    .sm-w-50 {
        width: min-content;
    }
}