*{
    user-select: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* font-family: ; */
}
body{
    background-color: #EEF1F4;
    overflow-x: hidden;
}
.block{
    height: 120vh;
    width: 100%;
}
#exl{
    position: relative;
    display: flex;
    width: 100%;
    height: 600px;
    /* align-items: center; */
    justify-content: center;
}
#head{
    font-size: 37px;
} 
#exl #number{
    top: 4%;
    position: absolute;
    width: 1000px;
    table-layout: fixed;
    left: 20%;
    transform: translateX(-50%);
    transition: all 0.4s ease-out;
    opacity: 0.3;
}

#exl #number tr{
    display: flex;
    flex-wrap: wrap;
}
#exl #number tr td{
    font-size: 100px;
    text-align: center !important;
    width: 25%;
    padding: 45px 0;
}
.remark{
    text-align: center;
    font-size: 15px;
}
#selector{
    display: flex;
    width: 100%;
    justify-content: center;
}
#selector ul{
    justify-content: center;
}
#selector ul li{
    display: block;
    margin: 50px 0;
    list-style-type: none;
}
#selector ul li a{
    position: relative;
    display: block;
    width: 100%;
    color: black;
    text-decoration: none;
    text-align: center;
    font-size: 100px;
    z-index: 5;
}