:root {
    --bg-color: #fafafa;
    --text-color: #111111;
    --text-secondary: #6b7280;
    --hover-color: #1e3a8a;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg-color: #303030;
        --text-color: #eeeeee;
        --text-secondary: #9ca3af;
        --hover-color: #3b82f6;
    }
}

body {
    background-color: var(--bg-color);
    color: var(--text-color);
}

.text-secondary {
    color: var(--text-secondary);
}

a:hover, .hover-blue:hover {
    color: var(--hover-color);
}


#round{
    height:250px;
    width:250px;
    border-radius:50%;
    background: #fffff;
    overflow:hidden;
}

.thumbnail {
  width: 300px;
  height: 200px;
  object-fit: cover;
}