main{
    display: flex;
    flex-direction: column;
}

form{
    background-color: rgb(238, 238, 238);
    margin: 50px;
    border-radius: 10px;
}


header, footer{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px;
    text-decoration: none;
}
.title{
    font-weight: lighter;
    font-size: 30px;
    text-align: center;
    text-decoration: underline;
    margin-bottom: -20px;
}

label{
    font-size: 25px;
    margin: 20px;
    padding: 20px;
    display: table-cell;
    text-align: left;
}

input[type=text], input[type=email], input[type=date]{
    display: table-cell;
    border: solid 2px darkgrey;
    border-radius: 5px;
    padding: 10px;
    margin: 5px;
}

select[name=color], select[name=size]{
    border: solid 2px darkgrey;
    border-radius: 5px;
    padding: 10px;
    margin: 5px;
}

.first-name, .last-name, .e-mail, .color-options, .size-options, .choose-date{
    display: table-row;
}

.button{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.place-order{
    padding: 15px 25px;
    margin-top: -20px;
    font-size: 25px;
    border-radius: 10px;
    border: solid darkgrey;
    background-color:rgb(238, 238, 238) ;
}