body{
    background-color: #66ffff;
    color: antiquewhite;
    text-align: center;
}

#task2, #task3, #task4, #task5, #task6, #task7, #task8 {
    background-color:rgb(50, 100, 179);
    margin: 25px;
    padding: 20px;
}

#task5 {
    display: flex;
}

#task5 div {
    background-color: rgb(50, 100, 44);
    display: flex;
    flex-grow: 1; 
    justify-content: center;
    align-items: center;
    height: 250px;
    border-radius: 20px;
    margin: 25px;
}

#task7 {
    display: flex;
    justify-content: center;
}
.fadeBox {
    width: 250px;
    height: 250px;
    background-color: rgb(50, 100, 44);
    border-radius: 20px;
}

form div.formWrapper {
    display: flex;
    flex-direction: column;
    max-width: 500px;
    margin: auto;
}

form input {
    margin-bottom: 15px;
}

form button {
    margin-top: 30px;
}

form .warning {
    color: brown;
    font-weight: bold;
    margin: 5px;
}
form .promt {
    width: 500px;
    margin: auto;
    text-align: left;
    font-weight: bold;
}