:root{
    --dark-purple:#5E3163;
    --med-purple:#8e6593;
    --light-purple:#cba7cf;
    --charcoal:#333;
    --error-black: #F7BEBE;
    --error-text:#660000;
    --hover-peach:#FCD495;
    --visited-grey:#c6c6c6;
    --light-grey:#dedede;
    --black:#000;
    --white:#fff;
}

html,body{
    height: 100%;

}

body{
    margin: 0;
    padding: 0;


    background-color: var(--dark-purple);
    color:var(--white)
}


.logo-image{
    background-color: var(--white);
    height: 75px;
    width: auto;
    padding: 10px;
    border-radius: 10px;
    
}

/* Tiny classes */
.flex {display: flex;}
.center {justify-content: center;
    align-items: center;}
.text-large {font-size: 150%;}
.pad-20 {padding: 20px;}
.pad-10-round {padding: 10px; border-radius: 10px;}