/*
Magda Escaja

No diseñamos para impresionar.
Diseñamos para transmitir claridad, serenidad y crecimiento.

Aprender es crecer.
*/

/*------------------------------
RESET
------------------------------*/
*{
    margin:0;
    padding:0;
    box-sizing:border-box; }
/*------------------------------
VARIABLES
------------------------------*/
:root{
    --fondo:#faf9f6;
    --texto:#2f2f2f;
    --gris:#6d6d6d;
    --teal:#3f7d78;}

/*------------------------------
BODY
------------------------------*/
body{

    background:var(--fondo);
    color:var(--texto);
    font-family:Inter,sans-serif; }

main{
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:60px; }

/*------------------------------
CONTENIDO
------------------------------*/
.hero{
    max-width:700px;
    text-align:center; }

h1{
    font-family:"manrope";  /*jakarta sans // instrument sans */
    font-size:3.5rem;
    font-weight:500;
    letter-spacing:.03em; }

.profesion{
    margin-top:20px;
    color:var(--gris);
    letter-spacing:.20em;
    text-transform:uppercase;
    font-size:.9rem; }

.linea{
    width:70px;
    height:2px;
    background:var(--teal);
    margin:55px auto; }

h2{
    font-family: "manrope"; /* "Cormorant Garamond",sans-serif */
    font-size:2.2rem;
    font-weight:400;
    color:var(--teal); }

.mensaje{
    margin-top:30px;
    line-height:1.9;
    font-size:1.15rem;
    color:var(--texto); }

nav{
    margin-top:70px; }

nav a{
    color:var(--gris);
    text-decoration:none;
    margin:0 18px;
    transition:.3s; }

nav a:hover{
    color:var(--teal); }