body{
 background-color: #2C3E50;
}

main {
    margin-top: -8%;
}

.barra1{
 background-color: #fefefe;
 width: 100px;
 border-radius: 100px;
 margin-left: 2%;
 margin-top: 3%;
}

.barra1 img{
    height: 100px;
    margin-left: -5px;
}

.fotoperfil{
margin-top: 15%;
}

.fotoperfil img{
    width: 30%;
    margin-top: 20%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

p{
    font-family: 'Raleway', sans serif;
    color: white;
    font-weight: 300;
    text-align: center; 
    font-size: 43px;
    margin-top: 2%;
}

.recuadro{
    margin-top: 50px;
    margin-bottom: 100px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 66%;  

}

.recuadro input{
    font-family: 'Raleway';
    font-weight: 400;
    width: 100%;
    height: 75px;
    font-size: 40px;
    padding: 25px;
    border-right: none;
    border-top: none;
    background-color: #2C3E50;
    color:  #2C3E50;
}

.recuadro ::-webkit-input-placeholder { color: white; }

.barra2 {
    background-color: #fefefe;
    width: 100%;
    margin-top: 9.5%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
}

.item{
    display: flex;
}


.iconos img{
    height: 100px;
    margin: 10px 40px 10px 40px;
}

.boton{
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-top: 17%;
width: 58%;
 color:white;
 background-color: #e85344;
 border-style: solid;
 border-color: white;
 border-radius: 100px; 
}

.boton:hover{
 background-color: #425e79;
 color: white;
 border-radius: 100px;
}

h3{
 font-family: 'Raleway', sans-serif;
 font height: 700;
 font-size: 50px;
 text-align: center;
 color:white;
 margin: 20px;
}

a{
    text-decoration: none;
    color: black;
}