/*  Styles for Project1 */
/*Name: Caitlin Diaz*/


/*style body*/
body {
    background-image: url("cookie.jpg");
    background-size: cover;
}
/*style container id*/
#container {
    position: absolute;
    top: 10px;
    right: 15px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
/*style list id*/
#list {
    text-align: center;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 20px;
    color: #690707;
    width: 99%;
    padding: 5px;
    word-spacing: 2px;
}
/*style info id*/
#info {
    text-align: left;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 20px;
    color: #690707;
    margin: auto;
    width: 50%;
    padding-right: 15px;
}
/*styles h1 heading*/
h1 {
    text-align: center;
}
/*styles h2 heading*/
h2 {
    text-align: center;
}
/* Add a margin around footer*/
footer {
    margin: 50px;
}
/*centers validation text */
#validation {
    text-align: center;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 15px;
}
.line {
    display: flex;
    flex-direction: row;
}