body
{
    background-image: url('/assets/images/writings.png');
    background-size: cover;
    background-attachment: fixed;
}
.scroll-box 
{ 
    width: 340px; 
    max-height: 550px; 
    margin-left: auto; /* pushes it to the right */ 
    margin-right: 315px; /* optional spacing from the edge */ 
    margin-top: 110px;

    padding: 10px; 
    border-radius: 10px; 
    overflow-y: scroll; 
    /* makes it scrollable */ 
    scrollbar-width: auto; 
    /* Firefox */ 
    scrollbar-color: #ffffff52 transparent; 
    color: black; 
    font-family: "lucida console", monospace, serif; 
    line-height: 1.4; 
    font-size: 12px;
} 
    /* Optional: pretty scrollbars for Chrome/Safari */ 
.scroll-box::-webkit-scrollbar 
{ 
     width: 10px; 
} 
.scroll-box::-webkit-scrollbar-thumb 
{ 
    background: #ffffff; 
    border-radius: 10px; 
}
.clover-link 
{ 
    position: fixed; 
    bottom: 20px; 
    left: 20px; 
} 
.clover-link img 
{ 
    width: 60px; 
    cursor: pointer; 
    transition: transform 0.2s ease; 
} 
.clover-link img:hover 
{ 
    transform: scale(1.1); 
}