@font-face{

    font-family:"helvetica";

    src:url("https://candyfonts.com/wp-data/2018/10/26/11538/HELR45W.ttf") format("woff"),

    url("https://candyfonts.com/wp-data/2018/10/26/11538/HELR45W.ttf") format("opentype"),

    url("https://candyfonts.com/wp-data/2018/10/26/11538/HELR45W.ttf") format("truetype");

}



body, h1, p, ul, li, a {

    list-style: none;

    text-decoration: none;

}



body {

    background-color: #f5f5f5;

    display: flex;

    flex-direction: column;

    font-family: helvetica, sans-serif;

    margin: 0; 

}



.menu-container {

    display: flex;

    justify-content: center; 

    align-items: center;  

    flex: 1;

    width: 100%;

}



.menu {

    justify-content: center;

    background-color: white;

    padding: 40px 30px 60px;

    margin: 70px auto;

    width: 300px;

    height: 400px;

    line-height: 2;

    border-radius: 8px;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);

}



.menu ul {

    padding: 0;

    margin: 0;

    align-items: center; 

}



.menu ul li {

    font-size: 14px;

    margin: 15px 0;

    text-align: center;

    color: black;

}



.logout {

    font-size: 14px;

    color: gray;

    cursor: pointer;

}



footer {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    margin-top: auto;

    margin-bottom: 2%;

    padding: 40px 0 10px;

}