body {
    text-align: center;
    font-family: Arial, sans-serif;
    background-color: #292929;
    margin-top: 50px;
    color: #3D7BC3;
}
img {
    max-width: 90%;
    height: auto;
    border-radius: 10px;
    margin-top: 20px;
}
.left-text {
    text-align: left;
    margin-left: 40px;
    margin-right: 40px;
}
a {
  color: var(--color1);
  text-decoration: none; /* Optional: removes underline */
}

a:hover {
  text-decoration: underline; /* Optional: hover effect */
}

.color1 { color: #3D7BC3; }
.color2 { color: #7A9C6C; }
.color3 { color: #8FBFDC; }
.color4 { color: #cc6e54; }
.color5 { color: #d00000; }
.color6 { color: #6BCB77; }
.color7 { color: #4D96FF; }
.color8 { color: #FFD93D; }
.color9 { color: #C084FC; }
.color10 { color: #686868; }