* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

.mid{
    width: 100%;
    background-image: url(../image/ban.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 150vh;
}
.midrap{
    margin: auto;
    width: 60%;
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
}
.type p{
    font-family: 'Eagle Lake';
    color: white;
    font-size: 40px;
    text-shadow: 0 0 2px #fff, 0 0 3px #ff038e, 0 0 1px #ff97c6, 0 0 2px #400c2a, 0 0 6px #4b0132, 0 0 7px #f7cae9, 0 0 8px #fe51bb;
    padding-top: 50px;
}
.rule{
    padding: 30px;
}
.rule p{
    font-family:'Eagle Lake';
    color: palevioletred;
    font-size: 25px;
    padding: 20px;
}
.luck{
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: palevioletred;
    font-weight: bold;
    font-size: 30px;
    padding: 30px;
}

.controls{
    padding: 40px;
}

.controls a{
    background-color: rgb(110, 0, 64);
    color: lavenderblush;
    font-family: 'Aboreto';
    font-size: 20px;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-decoration: none;
    border-radius: 5px;
}
/* footer */

/* .footer{
    width: 100%;
    background-color: rgb(35, 0, 17);
    padding: 15px;
}
.footrap{
    width: 100%;
    height: auto;
}
.footrap p{
    font-size: 15px;
    text-align: center;
    color: white;
} */