body {
    width: 80vw;
    margin: auto;
}

.mofo {
    width: 300px;
    border-radius: 5px;
    text-align: center;
    grid-area: "mofos";

}
.mofo h1 {
    padding-top: 10px;
    font-size: 24px;
}

#hflex {
    
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    column-gap: 20vw;
    width: 80vw;
    
}
#vflex {
    
    display: flex;
    flex-flow: column nowrap;
    row-gap: 1.5em;
    
}
#form {
    grid-area: "form";
    background-color: white;
    box-shadow: 2px 2px 10px 4px rgba(73, 80, 87, 0.6);
    border-radius: 5px;
    padding: 1em;
    width: 30vw;

}
.header {
    background-color: white;
    text-align: center;
    text-transform: uppercase;
    
    font-size: 50px;
}