.copyright{
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--background-color);
    height: 3rem;
    .text{
        font-family: var(--font-style);
        color: var(--text-color);
        font-size: 1.2vw;
    }
}
@media screen and (min-width: 950px) {
    .copyright{
        .text{
            font-size: 0.8rem;
        }
    }
}
@media screen and (max-width: 770px) {
    .copyright{
        .text{
            font-size: 1.8vw;
        }
    }
}
@media screen and (max-width: 450px) {
    .copyright{
        .text{
            font-size: 2.5vw;
        }
    }
}