#home {
    margin-top: 32px
}

.login-container {
    margin-top: 32px;
}

#login-button {
    margin-top: 32px;
}
#operated-by {
    margin-top: 8px;
    color: darkgrey;
}

#operated-by a {
    color:grey;
    font-weight: bold;
}

[data-bs-theme="dark"] #operated-by a {
    color: lightgray;
    font-weight: bold;
}

.details {
    margin-top: 32px;
}

.details-welcome {
    color: black;
}

[data-bs-theme="dark"] .details-welcome {
    color: white;
  }

.details-logos img {
    margin: 12px;
    text-align: right;
}

.details p {
    color: grey;
}

.announcements {
    margin-top: 8px;
}

.announcements > div {
    margin-top: 16px;
    padding-top: 4px;
    padding-bottom: 5px;
    border: 2px dotted orange;
}

.announcements-text {
    padding-left: 10px;
}

.questions {
    margin-top: 12px;
}

.questions > div {
    margin-top: 32px;
    padding-bottom: 32px;
    border-bottom: 2px lightgrey dotted;
}

.footer {
    padding-top: 64px;
    text-align: center;
    color: darkgrey;
}

.footer a {
    color: darkgrey;
    text-decoration: underline;
}

p.hub-login-text {
    font-size: 1.5em;
}

div.login-header img.hub-logo {
    width: 40%;
}