Haga lo que hicimos

Hola Diego, espero que estés bien.

Gracias por tu aporte, esperamos que disfrutes mucho del contenido del curso y que esto te ayude a llegar lejos.

Mucho éxito en todo lo que te propongas y si tienes alguna duda aquí estaremos para apoyarte.

Te recomiendo que puedes interactuar con el resto de nuestros compañero por nuestro Discord.

En virtud de que en Discord el alcance es mayor, la interacción es inmediata y llega a más compañeros y el foro solo quedaría para esclarecer cualquier duda que puedas tener sobre el contenido de los cursos.

De esa manera si tienes algún comentario, opinión, recomendación o algún consejo o si quiere compartir los desafíos sea por el Discord, con certeza por ahí llegará a más personas.

¡Un saludo!

Codigo desarrollado en clase:

@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:wght@400;600&display=swap');

:root{
    --color-primario:#27445D;
    --color-secundario: #497D74;
    --color-terciario: #A6CDC6;

    --fuente-monserrat:'Monserrat', sans serif;
    --fuente-krona: 'Krona One', sans serif;
}

* {
    padding: 0;
    margin:0;
}

body{
    box-sizing: border-box;
    background-color:var(--color-primario);
    color: var(--color-secundario);
}

.header{
    padding: 2% 0% 0% 14% ;
}

.header_opciones{
    display: flex;
    gap: 80px;
    
}

.header_opciones_link{
    font-family: var(--fuente-monserrat);
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--color-terciario);
    margin: 0 10px;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 8px;
    padding: 10px 15px;
}

.header_opciones_link:hover{
    background-color: #fff;
    color: #ffff;
    box-shadow: inset 600px 0 0 0 var(--color-terciario);
}

.titulo-destaque {
    color: var(--color-terciario); 
}

.presentacion {
    padding: 6% 15%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 82px;
}

.presentacion__contenido{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.presentacion__contenido__titulo{
    font-size: 2.25rem;
    font-family: var(--fuente-krona);
}

.presentacion__contenido__texto{
    font-size: 1.5rem;
    font-family: var(--fuente-monserrat);
}

.presentacion__enlaces{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    gap: 32px;

}

.presentacion__enlaces__subtitulo{
    font-family: var(--fuente-krona);
    font-size: 1.5rem;
    font-weight: 400;
}

.presentacion__enlaces__link{
    
    width: 50%;
    text-align: center;
    border-radius: 8px;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 21.5px 0;
    text-decoration: none;
    color: #f6f6f6;
    font-family: var(--fuente-monserrat);
    border:2px solid var(--color-terciario);
    display: flex;
    justify-content: center;
    gap:10px;
    cursor: pointer;
    transition: background-color .3s ease, color .3s ease, transform 03s ease;
}

.presentacion__enlaces__link:hover{
    background-color: #fff;
    color: #ffff;
    box-shadow: inset 600px 0 0 0 var(--color-terciario);
    transform: scale(1.1);
}

.presentacion_imagen{
    width: 50%;
}

.footer{
    background-color: var(--color-terciario);
    padding: 1.5rem;
    color: var(--color-primario);
    text-align: center;
    font-family: var(--fuente-monserrat);
    font-size: 1.5rem;
    font-weight: 400; ;

}