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

:root{
    --primary: #33ffa9;
    --secondary: #23272d;
    --light: #ffffff;
    --gray: #919396;
}

body{
    background: var(--secondary);
    color: var(--light);
    font-family: 'Onest', sans-serif;
}

a{
    text-decoration: none;
}

.my-text-primary{
    color: var(--primary);
}

.my-text-secondary{
    color: var(--secondary);
}

.my-btn-primary{
    background: var(--primary);
    color: var(--secondary);
}

.my-btn-primary:hover{
    background: #28d88f;
}

.my-text-gray{
    color: var(--gray);
}

a.my-text-gray:hover{
    color: #b9babb;
}

.my-h1{
    font-size: 6.2em;
}

.my-line{
    width: 80px;
    height: 4px;
    background: var(--primary);
    margin: 15px 0 25px 0;
}


/* ---*/
header{
    margin-bottom: 150px !important;
}

.my-picture img{
    width: 100%;
    max-width: 500px;
}



.about-me{
    margin-bottom: 150px;
}

.about-me-text p{
    line-height: 1.7em;
}

/* Hola Mundo*/