*{
    box-sizing:border-box;
    margin:0;
}
:root{
    --thisBrown:rgb(68, 35, 4);
    --yellowHover: rgb(217, 220, 21);
}
body{
    background-image: url("img/playaTropical.jpg");
    background-repeat:no-repeat;
    background-size:cover;
}
main{
    display:flex;
    flex-direction:row;
    justify-content: center;
    margin-top:40px;
}
section{
    background-color:var(--thisBrown);
    width:60%;
    border:5px solid black;
    height:100vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin-bottom:20px;
}
#h2Title{
    margin-bottom:60px;
    text-align:center;
}
#h2Title>a{
    color:white;
    text-decoration:none;
}
#h2Title>a:hover{
    color:var(--yellowHover);
    text-decoration:underline;
}
.div-presentazione{
    display:flex;
    flex-direction:column;
    align-items:center;
}
.myPresentation{
    color:white;
    margin-top:30px;
    padding-left:18px;
    padding-right:15px;
}

@media screen and (max-width:600px){
    #image-myself{
        width:180px;
        height:140px;
    }
}