body
{
    background-image: url('/assets/images/writtenwords.png');
    background-size: cover;
    background-attachment: fixed;
    font-family: "lucida console", monospace, serif;
    font-size: 14px;
}
.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); 
}
.topics
{
    position: fixed;
    top: 100px;
    left: 300px;
    color: black;
    font-family: "lucida console", monospace, serif;
    font-size: 14px;
}  
.content 
{
    position: fixed;
    bottom: 100px;
    right: 315px;
    width: 400px;              /* adjust as needed */
    height: 600px;            /* adjust as needed */
    max-width: 900px;
    max-height: 600px;
    border: none;
    z-index: 50;
    font-family: "lucida console", monospace, serif;
    font-size: 14px;
    border-radius: 10px;
    overflow-y: scroll;
}