:root{

    --red:#dc4266;
    --blue:#3072e6;
    --background:#00032c;
    --white:#ffffff;

    --profile-phot-size: 120px;

    font-family: 'Inter', sans-serif;
}


h1,p,body,button{
    padding: 0;
    margin: 0;
}

i{
    font-size: 24px;
}

body{

    background: var(--background);
    color: #ffffff;

   
}


main{


    margin: 0 auto;
    max-width: 500px;
    padding: 0 15px;


    /*border: 3px solid red;*/

}

header{

    margin-top: 50px;
    display: flex;

    flex-direction: column;
    align-items: center;

  /*  border: 4px dashed cyan;*/
    
    }

h1{
    color: var(--red);
    font-size: 24px;
    margin-top: 15px;

}

occupation{


    margin-top: 5px;

}

.photo-container{

    overflow: hidden;
    width: var(--profile-phot-size);
    height: var(--profile-phot-size);
    border-radius: 50%;

    border: 4px solid var(--blue);
}

.img-profile{
  
    width: var(--profile-phot-size);
}




section{

    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*border: 4px solid white;*/
}


.link{
    background: var(--red);
    text-decoration: none;
    color: var(--white);
    margin-top: 30px;
    height: 50px;


    width: 100%;
    max-width: 270px;
    border-radius: 5px;
    display: flex;
    align-items: center;     /*Vertical*/
    justify-content: center; /*Horizontal*/

    transition:all 250ms;
}

/*Seletores*/
.link:first-child{

    margin-top: 0;
}

.link:hover{
    filter: brightness(1.2);
    transform: translateY(-2px);
   /*background: pink;*/
}

.link i{

    margin-right: 7px;
}


footer{

    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
    /*border: 4px dashed yellow;*/
}

.call-me {

    text-align: center;
}

footer i{

    margin-top: 15px;
    color: var(--blue);
}