h1{
        color: #A5B4FC ;
        font-family: "Montserrat", sans-serif;
        font-size: 3.5 em;
        font-weight: regular;
        font-style: normal;
}
p{
    font-family: "Manrope", sans-serif;
    font-size: 1.1 em;
    font-weight: normal;
    font-style: normal;
}
h2{
    font-family: "Manrope", sans-serif;
    font-size: 1 em;
    font-weight: normal;
    font-style: normal;
    color: #F9F8FF;
    background: #1F2039;
}
.classe2{
    font-family: "Manrope", sans-serif;
    font-size: 1 em;
    font-weight: normal;
    font-style: normal;
    color: #F9F8FF;
    background: #1F2039;

}
a{
    color: #242424;
    text-decoration: none;
    font-family: "Manrope", sans-serif;
    font-size: 1 em;
    font-weight: normal;
    font-style: normal;
}
a:hover{
    text-decoration:underline;
}
.image {
    display: block;

}
.classe1{
    color: black;
    background: white;
}
.classe3{
    color: lightskyblue;
}
.classe4{
    color: blue;
    background: white;
}
.contact_text{
    font-family: "Manrope", sans-serif;
    font-size: 1.2 em;
    font-weight: bold;
    margin-bottom: 10px; 
    color: white;
    background: linear-gradient(90deg, #8E86B5, #ACAEED);
    display: inline-block;
    border-radius: 50px;
    padding: 5px 10px; 
}
.section{
    border-right: 1px #8E86B5 solid;
    border-bottom: 1px #8E86B5 solid;
}
body{
    background:#1F2039;
}
.cta:hover img{
    background-image: linear-gradient(90deg, #696484, #8788BA);
    text-decoration: none;
    -webkit-background-clip: border-box;
    border: 2px;
    color: transparent;
}
.icon:hover{
    opacity: 0.5;
}