@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Kiwi+Maru:wght@300;500&family=Montserrat:ital,wght@0,700;1,700&family=Roboto:wght@100&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Kiwi+Maru:wght@300;500&family=Montserrat:ital,wght@0,700;1,700&family=Philosopher&family=Roboto:wght@100&family=Syncopate&family=Urbanist:wght@100&display=swap');


*{margin: 0; padding: 0; box box-sizing: border-box;}


/*perfil*/

body{
background: ghostwhite;
margin: 40px;
font-family: 'Urbanist', serif;
font-size: 1rem;
color:black;
}

header{
margin: auto;
background-color: #f9ef4a;
}

h1{
color: #e42e3f;
margin-left: 2rem;
font-kerning: 0.5rem;
}

h4{
color: #41b5b4;
margin-left: 2rem;
}

.alinearnav{
justify-content: flex-end;
}

.perfil{
margin-top: 2rem;
margin-bottom: 2rem;
margin-left: 1.8rem
}

.fotoweb{
/*height: 90%;*/
width: 80%;
margin-left: 2rem;
margin-top: 2rem;
image-rendering: optimizeSpeed;
}

p{
margin-top: 4rem;
padding: 3.5rem
}

.logo{
width: 60px;
margin: 10px;
}

.redes{
display: flex;
justify-content: center;
}

.primero{
letter-spacing: 0.5px;
}

/*Formulario*/

.titulo{
color: whitesmoke;
margin-bottom: 12px;
margin-top: 40px;
font-kerning: auto;
text-align: center;
}

h5{
text-align: center;
margin-bottom: 40px;
color: whitesmoke;
}


form{
width: 50%;
background: #E84154;
margin: auto;
padding: 1% 3%;
border-radius: 10px;
}

input {
width: 100%;
padding: 0.5rem;
border-radius: 5px;
border: solid 1px #3c3c3b;
margin-bottom: 10px;
}

label{
display: block;
margin: 0.9  rem 0 0.5rem 0;
font-weight: 100;
color: whitesmoke;
}

input[type="submit"]{	
width: 50%;
margin: auto;
padding: 0.8rem;
background-color:#f9ef4a;
display: block;
}

.maschico{
margin-top: 1rem;
text-align: center;
}


/*Branding*/

.foto{
width: 90%;
margin-top: 3rem;
margin: 2rem;
}

h2{
color: #e42e3f
}

h5{
color: black;
}

.tarjetas{
margin-left: 2rem;
}

primero {
margin-top: 6rem;
font-size: 1rem;
color: black;
}

segundo{
font-size: 1rem;
color: black;
margin-top: 2rem;
}

.carrito{
width: 80%;
margin: auto;
}

.descripción{
margin-top:0.5rem;
margin-left: 2rem;
font-size: 1rem;
padding: 0%;
letter-spacing: 0.5px;
}

.video{
margin: auto;
width: 80%;
}

.btn{
background: #41b5b4;
}

/*gracias*/

.agradecimiento{
font-size: 5rem;
text-align: center;
margin: auto;
}

.comunicar{
font-size: 2rem;
color: white;
text-align: center;
}

.volver{
font-size: 1.5rem;
text-align: center;
}