footer {
    position: relative;
    bottom: 0;
    margin-top: auto;
    background-color: rgb(104, 104, 104);
    background: linear-gradient(rgba(110, 110, 110, 0.445) 0%, rgb(66, 66, 66) 30%, var(--main-background-color) 60%);
    background: linear-gradient(rgba(122, 163, 153, 0.445) 0%, rgb(66, 66, 66) 30%, var(--main-background-color) 60%);
    width: 100%;
    height: 100%;
    z-index: 100;
    box-shadow: 0px -20px 229px 233px var(--main-background-color);
    box-shadow: 0px -20px 229px 233px rgba(110, 110, 110, 0.445);
    box-shadow: 0px -20px 229px 233px rgba(122, 163, 147, 0.445);
}