:root {
    --bg: #433e48;
    --foreground: #554a61;
    --text: #e9e3f0;
    --border: #e9e3f0;
}

* {
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: var(--text);
}

html, body {
    background-color: var(--bg);
}
body {
    display: flex;
    flex-direction: column;
    margin:auto;
    max-width: 1000px;
}

#website-header {
    text-align: center;
}

body > div,
body > footer
 {
    margin-top: 9px;
    background-color: var(--foreground);
    border: var(--border) solid 3px;
    border-radius: 9px;
    padding: 12px;
}

.rainbow {
    background: linear-gradient(
        to right,
        #c084fc,
        #a78bfa,   
        #818cf8,   
        #60a5fa,   
        #34d399,   
        #a3e635,   
        #fbbf24,   
        #f472b6    
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

#image-container {
    display: flex;
    gap: 12px;
}

img {
    object-fit: cover;
    border: var(--border) solid 3px;
    border-radius: 9px;
    background-color: #554a61;
}

footer > * {
    margin-left: 9px;
    margin-right: 9px;
}