.flex {
    display: flex;
}


.justify-space-evenly {
    justify-content: space-evenly;
}

.flex-row {
    flex-direction: row;
}

.flex-1 {
    flex: 1;
}

.center {
    text-align: center;
}

.justify-center {
    justify-content: center;
}

.bg-grey {
    background-color: #1A4141;
}

.bg-black {
    background-color: #000;
}

.bg-red {
    background-color: rgb(238, 125, 125);
}

.bg-blue {
    background-color: rgb(106, 106, 255);
}

.bg-green {
    background-color: rgb(109, 236, 109);
}

.bg-orange {
    background-color: #fdcf97;
}

.border {
    border: 2px solid #000;
}

.p10 {
    padding: 10px;
}

.m10 {
    margin: 10px;
}

.w368 {
    width: 368px;
}
.w100 {
    width: 100%;
}
.max-width {
    max-width: 764px;
}

.w356 {
    width: 356px;
}

.h200 {
    height: 200px;
}

.w269 {
    width: 269px;
}

.nav {
    margin: 0;
    background-color: #999999;
}

.style-none {
    list-style: none;
}

a:hover {
    color: #fff;
}

.text-green {
    color: rgb(182, 255, 182);
}

.text-black {
    color: #000;
}

.decoration-none {
    text-decoration: none;
}

.active {
    color: #473f3f;
    text-decoration: underline;
}

.fixed {
    position: fixed;
    margin-top: 0px;
    top: 0;
    width: 100%;
    padding: 1px;
}

th,
td {
    text-align: left;
    padding: 8px;
    border: 2px solid whitesmoke;
    border-color: rgb(182, 255, 182);
    border-style: solid;
}

table {
    border-collapse: collapse;
    width: 100%;
}

tr:nth-child(even) {
    background-color: #999999;
}

th:nth-child(odd) {
    background-color: #999999;
}

th:nth-child(even) {
    background-color: #999999;
}

.image-gallery {
    background-color: #000;
    overflow: auto;
}

.max25 {
    max-width: 25%;
}

div.image-gallery {
    padding: 10px;
}

.papyrus {
    font-family: papyrus, copperplate, fantasy;
}

.absolute {
    position: absolute;
}

.bottom {
    bottom: 0;
}

.relative {
    position: relative;
}

.p-1 {
    padding: 1em;
}

.bg-white-transparnt {
    background-color: rgb(253, 248, 248, 0.5);
}

.overflow-hidden {
    overflow: hidden;
}

.transform-bottom-hidden {
    transform: translateY(100%);
}

.m-0 {
    margin: 0;
}

:hover>.hover-appear {
    transform: translateY(0);
}

.transition-transform {
    transition: transform 1s linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.89 40.9%, 0.85 43.18%, 0.81 45.45%, 0.79 47.72%, 0.77 50%, 0.75 52.27%, 0.75 54.55%, 0.75 56.82%, 0.77 59.1%, 0.79 61.38%, 0.81 63.65%, 0.85 65.93%, 0.89 68.2%, 1 72.7%, 0.97 74.98%, 0.95 77.25%, 0.94 79.53%, 0.94 81.8%, 0.94 84.08%, 0.95 86.35%, 0.97 88.63%, 1 90.9%, 0.99 93.18%, 0.98 95.45%, 0.99 97.73%, 1 100%);
}

.star-gold {
    color: gold;
}

.star-grey {
    color: grey;
}

@media (max-width:768px) {
    .mobile-flex-column {
        flex-direction: column;
    }
}