.form-container {
text-align: center;
}
.form-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 80px;
margin-bottom: 80px;
}
.emoji-container {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}
.emoji {
font-size: 40px;
cursor: pointer;
transition: transform 0.2s ease-in-out;
}
.emoji:hover {
transform: scale(1.3);
}
.selected-text {
display: none;
margin-top: 10px;
}
.separator-question{
height: 50px;
}
label{
font-weight: bold!important;
font-size: 20px!important;
color: #104c9a!important;
}
#title{
font-size:30px!important;
color: #104c9a!important;
}
.separator-feedback{
height: 20px;
}
form button{
float: none!important;
}
textarea{
width: 50%!important;
height: 105px!important;
} @media screen and (max-width: 600px) {
.form-grid {
grid-template-columns: repeat(1, 1fr);
}
textarea{
width: 90%!important;
height: 105px!important;
}
#title{
font-size: 21px!important;
padding: 20px;
}
}