#wrapper{
    max-width: 1400px;
    height:auto;
    margin:auto;
    background-color: (250, 234, 221, 1.0);

}


.main{
    width:100%;
    height:auto;
    margin:auto;
    color: #fff;
    background-color: rgba(82,42,111,1.0);
    padding: 10px;
}

.main p{
    margin:5px auto;
    width:70%;
}

.intro{
    background-color: #aa76cc;
    margin: 20px auto;
    width:80%;
    height: auto;
    padding: 20px;
}

.TextFormContainer{
    width:100%;
    height:auto;
    margin:0px auto;
}

.feedback{
    padding: 20px;
    margin: 0px auto;
    height: auto;
    width: 100%;
    background-color:rgba(250, 234, 221, .5);
    align-items: center;
}

.feedbackContent{
    width:80%;
    margin: auto;
    background-color: rgba(250, 234, 221, .75);
    padding: 20px;
    align-content: center;
}

form{
    width: 80%;
    height:auto;
    margin:auto;
}

.h2{

    text-align: center;
}
.reviewFormContainer{
    padding: 20px;
    margin: 0px auto;
    height: auto;
    width: 100%;
    background-color:rgba(82,42,111,1.0);
    align-items: center;
    color:#fff;
}

.review{
    width:80%;
    margin: auto;
    background-color: #aa76cc;
    padding: 20px;
    align-content: center;
}

h1{
    text-align: center;
}

p{
    width: 90%;
    margin:auto;
    padding:10px;
}
label{
    padding:12px 0px;
    margin:0px 5px;

}
input[type=text],textarea{
    width: 100%;
    border: .5px #fff;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.5) inset;
    box-shadow:0 0 10px #9ecaed;
    background-color: #fff;

}

input[type=text]:focus {
    background-color: #DDAAFF;
  }
.reviewzFormContainer{
    width:100%;
    margin: auto;
    justify-content: center;

}


.rating{
    display:flex;
    justify-content: center;
    align-items:center;
    grid-gap:.5rem;
    font-size: 2rem;
    color:var(#DDAAFF);
    margin-bottom: 2rem;

}

@media(min-width:700px){
    .TextFormContainer{
        display: flex;
        flex-direction: row;
        background-color: #fff;
        width:100%;
        margin:10px auto;
        gap: 10px;
    }
    .feedback{
        background-color: #F29CB7;
    }
    .review{
        background-color: #F29CB7;
    }
    .reviewFormContainer{
        background-color:rgba(250, 234, 221, .75);
    }

    .feedback,.reviewFormContainer{
        width: 50%;
        height: auto;
    }
}