*{
    font-family: Tahoma;
    color: rgb(80, 80, 80);
    font-size: small;
}

@media (min-width: 600px){
.text{
    height: fit-content;
    justify-self: center;
    width: 75%;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: normal;
    font-size: 105%;
}
}

@media (max-width: 600px){
    .text{
        height: fit-content;
        justify-self: center;
        width: 75%;
        text-align: left;
        white-space: pre-wrap;
        word-wrap: normal;
        font-size: 70%;
    }
}

#main {
    display: grid;
    justify-self: center;
    width: 75%;
    margin: 0% 15% 0% 10%;
}

#footer {
    margin-top: 0%;
    display: flex;
    flex-direction: row-reverse;
    gap: 4%;

    width: 90%;
    margin: 5% 5% 0% 5%;
    justify-self: center;
    height: fit-content;
    background-color: rgb(175, 175, 175);
}

.footer-text{
    color: rgb(255, 255, 255);
    margin: 0% 1% 0% 1%;
    padding: 10 0 0 0;
    width: fit-content;
  	white-space: nowrap;
}