body{
    padding: 0px;
    margin: 0px;
    min-height: 100vh; /* Ensure the body takes at least the full viewport height */
    display: flex;
    flex-direction: column;
    font-family: 'Helvetica', sans-serif;
      
}
header{
    width: 100%;
    height: 10dvh;
    display: flex;
    align-items: center;
    justify-content: left;
    background-color: #00008B;
    color: #ffffff;
}
#name_surname{
    margin: 1em;
    margin-right: 0.2em;
    display: inline-block;
    font-weight: bold;
    font-size: 1.5rem;
}
#bar{
    width: 2px;
    height: 60%;
    margin-right: 0.3rem;
    background-color: #ffffff;
}
#hire{
    background-color: black;
    padding-left: 1.5em;
    padding-right: 1.5em;
    margin: 1em;
    font-size: 1rem;
    font-weight: bold;
    margin-left: auto;
    background-color: #3352b1;
    border-radius: 20px;
}
#top_navigation {
    width: 100%;
    height: 6dvh;
    background-color: #3352b1;
    font-weight: bold; 
    display: flex;
    align-items: center;
}
#navigation_itoms {
    width: 100%;
    display: flex;
    list-style: none; /* Remove default list styles */
    padding: 0; /* Remove default padding */
    justify-content:space-evenly;
}
#navigation_itoms li {
    padding: 1dvh;
    font-size: 1rem;
    color: #ffffff;
}
main{
    flex: 1;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    /*background: linear-gradient(120deg, blue, white);*/
    background-color: #ffffff;
}
/*#resume{
    height: 700px;
    width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}*/
footer{
    width: 100%;
    height: 20dvh;
    margin-top: auto;
    background-color: #00008B;

}