body {
    /*
    #A8A3EE
    #E4A0CF
    #FFC09E
    #D4F0AB
    #A3EECE
    */
    
    
    
    background-color: #A8A3EE;
    
    font-family: 'Alegreya Sans', sans-serif;
    font-weight: 300;
    margin: 100px auto 0 auto;
    max-width: 400px;
    font-size: 20px;
    color: #000000;
    padding: 5px 5px;
}
td {
    vertical-align: top;
}


input {
    padding: 5px 10px;
    font-family: inherit;
    font-size: inherit;
    border: none;
    margin: 3px 3px 3px 3px;
    border-radius: 3px;
}
input[type=submit] {
    background-color: #FFC09E;
    
    cursor: pointer;
    padding: 5px 10px;
}
input[type=submit]:hover {
    transition: 0.25s;
    background-color: #FFFFFF;
}

form {
    text-align: center;
}

ul {
    text-align: left;
}
#section_before {
    
}
form p {
    font-size: 24px;
}





h1 {
    text-align: left;
    font-weight: 300;
    /*font-size: 36px;*/
    margin: 0 0 25px 0;
}
h1 span {
    font-weight: 700;
    /*font-size: 48px;*/
}

p {
    font-size: 36px;
    
}
span, h1 span {
    background-color: #FFFFFF;
    padding: 2px 4px;
    border-radius: 3px;
}

a {
    text-decoration: none;
    border-bottom: 1px dashed #4D4D4D;
    color: inherit;
    cursor: pointer;
}
a:hover {
    transition: 0.25s;
    color: #FF8C00;
    border-bottom: 1px dashed #FF8C00;
}
footer {
    font-size: 14px;
}