styles.css

*{
    margin:0;
    padding:0; 
    box-sizing:border-box;
}
body{
    background: rgba(73,155,234,1);
    background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
    background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 );
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    display: flex;
    height: 100vh;
}
.barra{
     margin:20px;
     border-style: solid;
     background-color:white;
     width: 100%;
     height: 100px;
     border-radius: 38px 38px 38px 38px;
-moz-border-radius: 38px 38px 38px 38px;
-webkit-border-radius: 38px 38px 38px 38px;
border: 0px solid #000000;
}
.caja{
    margin-bottom: 4px;
    display: flex;
}
.contenido1{
    width: 40%;
    display: flex;
}
.contenido2{
    width:60%;
    display: flex;
}
.titulo{
    color:black;
    display: flex;
    padding: 20px 18px 20px 20px;
    font-size: 60px;
}
.subtitulo{
    color: black;
    display: flex;
    margin:40px;
    padding-left: 50px;
    font-size: 20px;
    text-decoration: none;

}
.carpeta{
    border-style:solid;
    display: flex;
    align-content: center;
    margin: 40px;
    padding: 40px;
    background: linear-gradient(90deg, #FC466B 0%, #3F5EFB 100%);
}
.presentacion{
    display: flex;
    background-color:white;
    margin: 40px 40px 40px 40px;
}
.texto1{
    border-style:inset;
    width: 50%;
    margin:80px 80px 80px 80px;
}
.dibujo1{
    width:50%;
}
.img1{
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.mensaje{
    margin: 40px;
    font-size: xx-large;
    color:black;
}
.nosotrospresentacion{
    width: 100%;
}