*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Helvetica';
    overflow-x: hidden;
    color: rgb(48, 48, 48);
}

h1{
    margin-bottom: 2%;
    margin-top: 4.5%;
    font-weight: bolder;
    font-size: xx-large;
}

p{
    margin-bottom: 6.5%;
    font-size: medium;
}

body,html{
    margin: 0;
    padding: 0;
    height: 100%;
    justify-content: center;
    align-items: center;
    background-color: #EFF3F7; 
    overflow-y: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
form{
    background-color: white;
    display: grid;
    grid-template-areas: 'form1 form2'
                         'form3 form4'
                         'form5 form5'
                         'form6 form7'
                         'form8 form8'
                         'form9 form9'
                         'form10 form11'
                         'form12 form13';
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(8, auto);
    width: 92%;
    height: 100%;
    grid-row-gap: 2%;
    grid-gap: 2.5%;
    margin:auto;
    box-sizing: border-box;
}

input,textarea,select {
    border: 1px solid lightgray;
    border-radius: 10px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
    margin: 0;
}

input, label,select,textarea{
    width: 100%;
    height: 100%;
}

input,select {
    height: 115px;
}
article{
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 15px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    width: 60%;;
    height: 95%;
    margin: auto;
    box-sizing: border-box;

}

.titulo{
    text-align: center;
    width: 100%;
    overflow: hidden;

}



.form1{
    width: 100%;
    height: 100%;
    grid-template-areas: form1;
}
.form2{
    width: 100%;
    height: 100%;
    grid-template-areas: form2;
}
.form3{
    width: 100%;
    height: 100%;
    grid-template-areas: form3;
}
.form4{
    width: 100%;
    height: 100%;
    grid-template-areas: form4;
}
.form5{
    width: 100%;
    height: 100%;
    grid-template-areas: form5;
    grid-column: span 2;
}
.form6{
    width: 100%;
    height: 100%;
    grid-template-areas: form6;
}
.form7{
    width: 100%;
    height: 100%;
    grid-template-areas: form7;
}
.form8{
    width: 100%;
    height: 100%;
    grid-template-areas: form8;
    grid-column: span 2;
}
.form9{
    width: 100%;
    height: 100%;
    grid-template-areas: form9;
    grid-column: span 2;
    overflow: hidden;
    row-gap: 10px;
    
}

.form11{
    width: 100%;
    height: 100%;
    grid-template-areas: form11;
}

.form12{
    width: 100%;
    height: 100%;
    grid-template-areas: form12;
}
.form13{
    width: 100%;
    height: 100%;
    grid-template-areas: form13;
    padding-left: 340px;
    padding-bottom: 20px;
    padding-top: 5px;

}

option {
    font-size: large;
}

select {
    font-size: medium;
    padding-left: 10px;
}

.form13 input{
    width: 170px;
    height: 55px;
}

.form10 input{
    width: 20px;
    height: 20px;
    margin-right: 12px;

}

b {
    color: #489ce4;
}

#azul{
    background-color: #489ce4;
    color: white;
    transition: all 0.3s ease-in-out;


}

#azul:hover{
    transform: scale(1.05);

}

textarea {
    height: 100vh;
}

form div {
    display: flex;
    flex-direction: column;
}

.form10{
    width: 100%;
    height: 100%;
    grid-template-areas: form10;
    display: flex;
    flex-direction: row;
    padding-left: 5px;
}

.form9 label {
    overflow-y: hidden;
}


.form9  {
    height: 200px;
}