body {
  background-repeat: no-repeat;
  background-size: cover;   /* makes it fill the whole screen */
  background-position: center;
  background-attachment: fixed; /* optional: makes it stay still when scrolling */
}



.bubbly-header {
font-family: "bubble tea";src:
font-size: 2,4em; 
color: #1a1a1a; 
letter-spacing: 1,4px; 
display: inline block;
}




.menu {
position: fixed; 
top: 40px;            
left: 100px;      
background-color: #c0c0c0;
padding: 30px;
border-radius: 10px;
font-family: 'Bubblegum Sans', sans-serif;
color: #b3ecff;
box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}

.menu a {
display: block;       
text-decoration: none;
color: #333;
font-weight: bold;
margin: 8px 0;
padding: 6px 10px;
border-radius: 5px;
transition: background-color 0.3s;
}

.menu a:hover {
background-color: #ffffff;
}






.rightside {
height: 35%;
display: flex;
border: 3px ridge #000000;
flex-direction: column;
padding: 10px;
gap: 2rem;
color: #000000;
font-family: 'Fredoka One', sans-serif;
}

.rightside { /* ik it's a weird wya to do this */
top: 20px;       
right: 20px;    
width: 200px;  
position: fixed; 
}




.log {
height: auto;            
display: flex;
flex-direction: column;
border: 3px ridge #000000;
padding: 10px;
gap: 1rem;
color: #000000;
font-family: 'Fredoka One', sans-serif;
width: 200px;                
position: relative;           
margin-top: 270px;            
background-color: #e0e0e0;    
}


.log { 
top: 10px;       
right: 20px;    
width: 200px;  
position: fixed; 
}




.links { 
bottom: 35px;            
left: 30px;     
position: fixed; 
}



.diary-front {
position: fixed;       
top: 50px;             
right: 10px;           
width: 100px;         
height: auto;          
z-index: 9999;         
}



.diary-front {
  position: fixed;      
  top: 0cm;            
  left: 8cm;            
  right: 2cm;           
  bottom: 1cm;          
  height: auto;   
  width: auto;          
  max-width: calc(200% - 2cm);   
  max-height: calc(120% - 3cm);  
  object-fit: contain;  
  z-index: 9999;        
}