* {
    font-family: "Geo", sans-serif;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 8px 0px;
}

body {
    background-color: #101010;
    color: white;
}

#webpage {
    display: flex;
    justify-content: center;
    margin-top: 80px;
}

#content {
    width: 800px;
    /* border: #000000 4px solid; */
    border: #83D5F6 solid 4px;
    /* 6A5A8B */
    border-radius: 8px;
    padding: 8px;
}

#title {
    display: flex;
    justify-content: center;;
}

#title h1 {
    margin: -48px 0px -32px 0px;

    width: fit-content;
    /* border: #0f0 1px solid; */
    background-color: #101010;
    padding: 8px;
    font-size: 3em;
}

nav {
    display: flex;
    justify-content: center;;
}

nav p {
    width: fit-content;
    /* margin: 0; */
    font-size: 20px;
}

.quagblue {
    color: #83D5F6;
}

.quagpurp {
    color: #6A5A8B;
}

.nolink {
    text-decoration: none;
    color: inherit;
}

.nolink:visited {
    color: white;
}

.col {
    box-sizing: border-box;

    
}

.col div {
    /* border: #83D5F6 solid 4px; */
    /* 6A5A8B */
    border-radius: 8px;
    padding: 8px;
    margin: 4px;
}

.twocol {
    float: left;
    width: 66%;
}

.onecol {
    float: left;
    width: 33%;
}

/* thnx w3 */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.no-bullets {
    list-style-type: none;
    padding-left: 0;
    margin: 0px;
}

a {
    color: #83D5F6;
}

a:visited {
    color: #6A5A8B;
}

footer p {
    width: fit-content;
}

footer div {
    display: flex;
    justify-content: space-between;
}

.padded {
    margin: 0px 12px;
}

.warning-box {
    border: #f7f57e 2px solid;
    border-radius: 4px;
    padding: 8px;
    margin-top: 24px;
}