body{
    background-color: lightgray;
}

div {
    background-color:rgba(0, 0, 0, 0.228);
    color:aliceblue;
    text-align: center;
    max-width: 50%;
    margin:auto;
    border: #000;
    border-radius: 5px;
    border-width: 4px;
    opacity: 85%;
    padding-top: 10px;
    padding-bottom: 10px;
}

div:hover{
    opacity: 100%;
}
header {
    font-family: 'Times New Roman', Times, serif, Arial, Helvetica;
    background-color: rgb(189, 189, 189);
    padding: 20px;
    margin: 0 auto;
    max-width: 75%;
}
header {
    background-color: rgba(4, 0, 113, 0.5);
    color:rgb(249, 255, 68);
    padding: 5px;
    text-align: center;
    border: #000 double;
    border-radius: 5px;
    border-width: 4px;
}

section {
    background-Color: rgba(255, 255, 255, 0.642);
    border: #ffffff solid;
    border-radius: 10px;
    border-width: 6px;
}

form {
    color: aliceblue;
    background-color: rgba(66, 66, 66, 0.642);
    max-width: 30%;
    margin:auto;
}

ul {
    list-style-type: none;
    margin:0;
    padding:0;
    overflow:hidden;
    background-color: rgba(4, 0, 113, 0.5);
    border-style: double;
}

li {
    float:left;
}

li a {
    display:block;
    color:white;
    padding:5px 5px;
    text-decoration:none;
    font-size: 20px;
    margin-top: 15px;
}

li a:hover{
    background-color: rgba(127, 231, 255, 0.801);
}