footer {
    margin: 0;
    height: 50vh;
    width: 100vw;
    background: linear-gradient(#111, #660000);
    position: relative;
}

.section4 {
    margin: auto;
    width: 50%;
    height: 100%;
}

.section4-div1 {
    width: 100%;
    height: 45%;
}

.section4-div1-left {
    width: 50%;
    float: left;
    height: 100%;
}

.section4-div1-left ul {
    display: grid;
}

.section4-div1-right {
    width: 50%;
    float: right;
    height: 100%;
}

.section4-div1 ul li {
    list-style-type: none;
}

.section4-div1-ul-Link {
    color: gray;
    font-size: 17px;
    font-family: 'Montserrat', sans-serif;
    margin-top: 3%;
    transition: 0.3s;
}

.section4-div1-ul-Link a {
    color: gray;
    text-decoration: none;
    transition: 0.3s;
}

.section4-div1-ul-Link:hover,
.section4-div1-ul-Link:hover a {
    color: white;
    transform: translateX(10px);
}

.section4-div1-ul-Title {
    color: white;
    font-size: 25px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.section4-div2 {
    width: 100%;
    height: 15%;
    border-top: 1px #BBBBBB solid;
}

.section4-div2-Left {
    width: 50%;
    height: 100%;
    float: left;
}

.section4-div2-Left span {
    color: gray;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 700;
}

.section4-div2-Right {
    width: 50%;
    height: 100%;
    display: flex;
    
}

.space {
    width: 100%;
    height: 20%;
}

.rules {
    float: right;
    margin-right: 10px;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    color: gray;
}

#section4-up {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.729);
    width: 60px;
    height: 60px;
    right: 20px;
    bottom: 20px;
    border-radius: 100%;
}

#section4-up p {
    color: white;
    font-size: 40px;
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 0%;
    font-weight: bolder;
}