    <style>
.container {
    max-width: 700px; 
    margin: 0;        
}
        /* 1. base colors (background and text) */
        body {
            background-color: #0F2C23; /* background */
            color: #A3E4D7;            /* text */
            margin: 20px;
            font-size: 18px;
        }

        /* 2. link colors */
        a {
            color: #48C9B0;            /* links */
            margin-top: 30px;
            text-decoration: underline;
        }

        /* 3. separator */
        hr {
            border: 0;                             
            border-top: 1px solid #d9f5ea; 
            width: 40%;    
            margin-left: 0;    
            margin-top: 30px;                      
            margin-bottom: 30px;                   
        }

        /* paragraph */
        p {
            margin-top: 2px;
            margin-bottom: 20px;
        }
h1 {
    font-size: 32px;     
    margin-top: 80px;    
    margin-bottom: 10px; 
    font-weight: bold; 
}

/* art card: i put this here just in case in the future i do something */
.art-card {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #205c4b; /* subtle line between items */
}

.art-img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 8px;
}

.art-info {
    font-size: 16px;
}

.res-tag {
    color: #72c1b0;
    font-size: 14px;
}
    </style>