@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&family=WindSong:wght@400;500&display=swap');



.a1{
    text-align: center;
    background-color: violet;
    font-family: 'WindSong';   
    font-weight: bold;
    font-size: larger;
    font-size: 50;
    color: darkorchid;
    
}

.a4{
    font-size: xx-large;
    font-family: 'Gill Sans';
    font-size: xx-large;
    font-weight: bolder;
    text-align: center;
    color: purple;
}
body{
   background-image: url(../CSS/imagem/evoledstudio.jpg.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
}
.a2{
    background-color: blanchedalmond;
}
.img1{
    width: 10%;
    margin-top: 5%;
}
.a3{
    width: 20%;
    float: left;
    text-align: center;
    margin-left: 5%;
    padding-right: 5%;
    padding-left: 5%;   
}
.b1{
    text-align: center;
    font-style: italic;
    font-weight: bold;
    margin-top: 13%;
    margin-left: 10%;
    font-size: 20;
}
.img2{
    width: 120%;
    margin-left: 25%;
    margin-top: 5%;
    float: left;
    padding-top: 5%;
}
.c2{
    background-color: red;
}
.C1{
    text-align: center;
}
.img3{
    width: 40%;
    height: 500px;
    float: left;
   margin-top: 5%;
   margin-left: 5%;
   border-radius: 5%;
}
.img4{
    width: 40%;
    float: left;
    height: 500px;
   margin-top: 5%;
   margin-left: 5%;
   border-radius: 5%;
}
.agd{
    color: blueviolet;
    text-align: center;
    font-size: 40px;
    margin-top: 1%;
}
.agd1{
    font-size: 40px;
   color: chocolate;
    text-align: justify;
    
}
.agd2{
    font-size: 40px;
    color: chocolate;
    text-align: justify;
}

.env{
    margin-left: 48%;
}

.vi{
    font-size: 30px;
    margin-left: 40%;
}

.img5{
    width: 40%;
    float: left;
   margin-top: 5%;
   margin-left: 5%;
   border-radius: 5%;
}
.img6{
    width: 40%;
    float: left;
   margin-top: 5%;
   margin-left: 5%;
   border-radius: 5%;
}

.img10{
    width: 50%;
    height: 60%;
    float: left;
    border-radius: 5%;
    margin-top: 7%;
    margin-left: 25%;
}

.img11{
    width: 50%;
    height: 60%;
    float: left;
    border-radius: 5%;
    margin-top: 7%;
    margin-left: 25%;
}

.img12{
    width: 50%;
    height: 60%;
    float: left;
    border-radius: 5%;
    margin-top: 7%;
    margin-left: 25%;
}

.img13{
    width: 10%;
    height: 10%;
    float: left;
    margin-left: 25%;
    margin-top: 15%;
}