title-page {
    display:block;
    color:white;
    box-sizing:border-box;
    font-size:3em;
    font-weight:bold;
    width:100%;
    text-align:center;
    padding:0.25em;
}


flex-home {
    align-items:center;
    box-sizing:border-box;
    color:white;
    display:flex;
    height:calc(90vh - 6em);
    justify-content:center;
    padding:0 3em 0 3em;
    width:100%;
}


flex-home div {
   max-width:600px;
   width:100%;
} 


flex-home h1 {
    margin-top:0;
    font-size:2.5em;
}


flex-home h4 {
    font-size:1.4em;
    font-weight:100;
}


flex-home a {
    margin-right:1em;
    padding:1em;

    border:2px solid white;
    text-decoration:none;
    color:white;
    font-size:1.2em;
}

flex-home a:hover {
     background-color:salmon;
}

flex-home p {
    margin-top:3em;
}






.img-sofia {
    max-width:100%;
    width:600px;
    
}