a, a:visited {
    text-decoration: none;
    color: black;
}
a:hover {
    text-decoration: underline;
}
.challenge-name * {
    display: inline;
    padding: 0.8rem;
}

.category {
    background-color: lightgray;
}

.challenge-name .difficulty {
    padding: 0.1rem 0.4rem;
    border-radius: 1rem;
    font-size: 1.5rem;
    display: inline;

    margin-left: 1rem;
}
.easy {
    background-color: green;
}
.medium {
    background-color: goldenrod;
}
.hard {
    background-color: red;
}

body {
    margin: 2rem;
    font-family: sans-serif;
    font-size: 1.3rem;
}
.main {
    padding-left: 1rem;
}
.message * {
    display: block;
}
.message img {
    padding: 1rem;
    background-color: rgb(203, 203, 203);
}
.message p {
    background-color: rgb(203, 203, 203);
    padding: 0.8rem;
    display: inline;
}
.flag-format code {
    color: white;
    background-color: rgb(92, 92, 92);
    padding: 0.8rem;
}
#flag code {
    color: lime;
    background-color: rgb(24, 24, 24);
    padding: 0.8rem;
}