/*@import "bootstrap/scss/bootstrap.scss";
@import "@fortawesome/fontawesome-free/css/all.min.css";*/

img {
    max-width: 100%;
}

.rainbow-text {
    background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.main-content {
    margin-top: 56px;
    padding-bottom: 56px;
    min-height: calc(100vh - 342px) !important;/* Accounts for height of footer at xxl viewport */
}

.page-footer {
    margin-top: auto;
    padding-top: 20px;
    padding-bottom: 10px;
    border-top: 1px solid #999;
}

.page-footer a {
    text-decoration: none;
    margin: 0 5px;
}

.escape-button-container {
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 10;
    border-radius: 100px;
    padding: 0;
}

.escape-button {
    border: 1px solid #999;
    border-radius: 100px;
    padding: 15px;
}

.accordion-button:not(.collapsed) {
    background-color: transparent !important;
    color: inherit;
}

button.accordion-button:focus{
    box-shadow: inherit;
}

.font-10px {
    font-size: 10px;
}

.form-switch label,
.form-switch input {
    cursor: pointer;
}