body {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: rgb(27, 190, 49);
}

body.light {
    background-color: #1bbe31;
    color: black;
}

body.light h2 {
    color: #0b3d0b;
}

body.dark {
    background-color: #7a0000;
    color: white;
}

body.dark h2 {
    color: #ffaaaa;
}

body.dark a img {
    filter: grayscale(100%) contrast(120%);
}

p { 
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif 
}

h1{
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
    
}
header {
    width: 100%;           
    text-align: center;     
    margin: 20px 0;         
}


.menu a {
    display: block;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-left: 10px;
    padding: 0;                 

}


.menu {
    display: flex;            
    flex-direction: column;  
    gap: 7px;         
    position: absolute; 
    top: 20px;            
    left: 10px;            
    background-color: rgb(242, 155, 55); 
    padding: 2px;   
    z-index: 1000; 
    border: 5px solid #8f6805;       
    border-radius: 12px;             
    padding: 10px;                  
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);       
}



.image-button {
    width: 75px;
    height: 75px;
    border : 100px;
    border-color: rgb(141, 120, 0);
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    border-radius: 200px;
    box-shadow: 8px 8px 25px rgba(0, 0, 0, 0.5);
    margin-left: 120px; 
    margin-top: -65px;  

}



.image-container {
    display: flex;
    align-items: center;
    width: 100px;
    height: 40px;
    transition: transform 0.5s ease-in-out;
    margin: 0;
    padding: 0;
}

.image-container img {
    width: 75px;
    height: 75px;
    object-fit: cover;
    display: block;
    border-radius: 200px;
}
a img,




a img:hover,
.image-button:hover {
    transform: scale(1.2);
}
a {
    display: block;       
    margin-bottom: 20px;  
    margin-left: 40px;    
}


body {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;

}