/*Colours 
#291D6B - Midnight Blue
#9788EE - Medium Purple
#583FEB - Majorelle Blue
#443D6B - Cyber Grape
#4632B8 - Ocean Blue 
#CFCFCF - Silver
*/

h1 {
    text-align: center;
    font-size: 2.5rem;
    margin-top: 0; 
    text-decoration: underline;
}

h2 {
    text-align: center;
    font-size: 1.8rem;
}

ul li {
    list-style-type: none;
}

body{
    margin: auto;
    max-width: 45rem;
    color: #291D6B;
    font-family: 'Yeseva One', Georgia, 'Times New Roman', Times, cursive; 
}

main {

    background-color: #F7F7FF; 
    padding: 2.5rem; 
}

main ul {
    padding: 0;
}

main ul li {
 
    font-size: 1.5rem;
    margin-bottom: 1rem; 
    padding-bottom:1rem ;
    border-bottom: 2px solid #291D6B;
    font-family: Arial, Helvetica, sans-serif;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 65%;
}

input[type=text]{
    margin: 0;
    font-size: 1.2rem;
    border-radius: .2rem;
    width: 97%;
    border: 2px solid #000000;
    height: 2rem;
    padding: .5rem; 
}

input[type=submit]{
    background-color: #291D6B;; 
    color: #ffff;
    border: none;
    padding: 1rem;
    font-size: 1.2rem;
    border: 2px solid #291D6B;;
    border-radius: .2rem;
    width: 100%;
    height: 50%; 
    margin-bottom: 2rem ;  
}

input[type=submit]:hover {
    color:#291D6B;;
    background-color: #FFF;
    padding: 1rem;
    font-size: 1.2rem;
    border: 2px solid #291D6B;;
    border-radius: .3rem;
    font-weight: bold;
    width: 100%;
}

#feedback {
    color: #991C5F;
    text-align: center;
    font-size: 1.5rem;
}
footer {
    background-color: #291D6B;;
    padding: 2rem; 
}

footer ul {
    margin: 0; 
    text-align: center;
    padding: 0;
}

footer ul li{
    display: inline-block;
    
}

footer ul li a {
    margin: 0 .75rem; 
    color: #FFF;
}

@media only screen and (min-width: 45rem) {
    h1 {
        font-size: 3.5rem;
    }

    h2 {
        font-size: 1.5rem;
    }

    main ul li, #feedback {
        font-size: 1.2rem;
    }
}