/*ID that centers the validation text*/
#validation{
    text-align: center;
}
/*add a margin around the entire footer*/
footer{
    margin: 50px;
}

h1{
    text-align: center;
}

#container{
    position: relative;
    left:550px;
    text-align: center;
    font-size: 30px;
    width:50rem;
    border: 2px solid rgb(40, 33, 129);
    background-image: linear-gradient(to right,black, red, yellow, green, blue,black);
}

.button{
    position: relative;
    left:775px;
    top:10px;
    font-size: 50px;
    text-align: center;
    border: 2px dashed  blue;
    background-color: black;
    color:white
}