body {
    background-image: url(/images/wood.jpg);
    color: wheat;
}
header {
    margin-top: 20px;
    text-align: center;
}
.magicly {
    display: inline-block;
}
.wizard {
    background-image: url(/images/wizard.jpg);
    padding: 19px 40px;
    display: inline-block;
    
    background-size: cover;
    background-repeat: none;
    border-radius: 15px;
}
.before_photo {
    display: inline-block;
    text-align: center;
    width: 50%;
    text-decoration: underline;

}
.after_photo {
    display: inline-block;
    text-align: center;
    width: 50%;
    text-decoration: underline;
}
main {
    width: 80%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    background-color: darkslategray;
    padding: 20px;
    box-shadow: 0px 0px 3px black;
}

.img_container {
    background-color: darkslategray;
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
}

.pixs {
    background-size: cover;
    width: 35vw;
    height: 35vw;
}
.one {
    background-image: url(/images/corner_before.jpg);
    bbbbbbackground-position: 15px;
}
.two {
    background-image: url(/images/corner_after.jpg);
}
.three {
    background-image: url(/images/blue_before.jpg);
    bbbbbbackground-position: 20px;
}
.four {
    background-image: url(/images/blue_after.jpg);
}
.five {
    background-image: url(/images/brown_before.jpg);
}
.six {
    background-image: url(/images/brown_after.jpg);
}
.seven {
    background-image: url(/images/white_silver_before.jpg);
}
.eight {
    background-image: url(/images/white_silver_after.jpg);
}
.nine {
    background-image: url(/images/wood_before.jpg);
}
.ten {
    background-image: url(/images/wood_after.jpg);
}
.eleven {
    background-image: url(/images/pullout_before.jpg);
}
.twelve {
    background-image: url(/images/pullout_after.jpg);
}


/* form section */
h4 {
    margin-left: 2rem;
    font-size: 2rem;
    text-align: center;
}

label {
    display: block;
    margin: 0.8rem;
}

input {
    background-color: inherit;
    color: inherit; 
}

.photo_upload {
    display: block;
    margin-top: .3rem;
}

.submit_button {
    margin: 0.8rem;
}


/* form and info side by side*/
.sidebyside {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.colums {
    padding: 1rem;
}