/*everything*/
* {
        margin: 0;
        padding: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
    }

/*general text*/
body {
    padding: 0;
    margin: 0;
    color: #574e45;
    font-size: 1.2em;
}

/*TARSEILLES*/
h1 {
    padding: 2rem;
    text-align: center;
    background: #fffce3;
    font-size: 2em;
    font-family: Georgia, Times, serif;
}

hr{
    border-color: #574e45;
}

/*intro paragraph*/
#intro {
    padding: 3rem;
    font-family: Arial, Helvetica, sans-serif;
}

/*DESIGNED FOR MOBILE; TABLET/PHONE*/
/*form div*/
.f{
    padding-left: 3rem;
}

/*input box*/
.box {
    font-size: 1em;
    color: #574e45;
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px;
    background: #fffce3;
    border-radius: 28px;
    border: 1px solid;
}

/*current card*/
.answer {
    font-family: Arial, Helvetica, sans-serif;
    padding: 3rem;
    padding-bottom: 0;
}

#response{
    padding-bottom: 0.5rem;
}

/*History section*/
.old {
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 4.5rem;
}

/*history label*/
#label {
    padding: 3rem;
    padding-bottom: 0;
    font-size: 1.8em;
    font-family: Georgia, Times, serif;

}

/*history; cards that were pulled*/
#history {
    padding: 1.2rem;
    padding-left: 3rem;
    line-height: 1.8em;
    font-family: Arial, Helvetica, sans-serif;
}