* {
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

body {
    background-image: url(/WebDev2/ICTWEB430/jellybean/img/jellybeans.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 1920px;
    height: 1080px;
}

h1 {
    color: white;
    text-shadow: 0 0 10px blue, 0 0 5px blue;
    font-size: 50px;
}

h2 {
    background-color: cornflowerblue;
    color: white;
    text-shadow: 0 0 10px blue, 0 0 5px blue;
}

.form_cont {
    outline: dotted blue 5px;
    box-shadow: 0 0 10px white, 0 0 10px white;
    background-color: rgb(207, 217, 255);
    padding: 70px;
    width: 500px;
}

button {
    padding: 10px;
    margin: 20px;
    font-weight: bolder;
    font-size: 20px;
    cursor: pointer;
    background-image: url(/WebDev2/ICTWEB430/jellybean/img/jellybeans.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    text-shadow: 0 0 10px blue, 0 0 10px blue;
}

.error {
    background-color: rgb(255, 161, 161);
    outline: solid red 3px;
    width: 500px;
}

.feedback, .warning {
    background-color: lightgoldenrodyellow;
    outline: solid yellow 3px;
    width: 500px;
}

#history {
    margin-top: 50px;
    background-color: darkblue;
    color: lightskyblue;
}