*{
    margin: 0;
    padding: 0;
    background-color: rgb(173, 173, 173);
    user-select: none;
}
div.main{
    width: 500px;
    height: 870px;
    background-color: rgb(0, 0, 0);
    position: absolute;
    top: calc(50% - 450px);
    left: calc(50% - 250px);
    border-radius: 50px;
}
div.main>div.show{
    width: inherit;
    position: relative;
    height: 300px;
    background-color: rgb(73, 73, 73);
    border-radius: 50px;
}
div.main>div.show>span{
    color: rgb(255, 255, 255);
    background-color: rgba(73, 73, 73, 0);
    font-size: 40px;
    margin: 30px;
    position: absolute;
}
div.main>div.show>span:hover{
    box-shadow: none;
    transform: scale(1.2);
}
div.main>div.show>input{
    width: inherit;
    height: 180px;
    font-size: 60px;
    text-align: center;
    background-color: rgba(240, 248, 255, 0);
    color: white;
    position: absolute;
    top: 75px;
    border: none;
    outline: none;
    user-select: none;
    
}
div.main>div.show>div.last{
    color: white;
    display: inline-block;
    font-size: 45px;
    background-color: rgba(73, 73, 73, 0);
    position: absolute;
    top: 240px;
    left: 50%;
    transform: translateX(-50%);
    user-select: none;
}
div.main>div.first>span{
    font-size: 50px;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    display: block;
    text-align: center;
    line-height: 90px;
    flex-flow: row nowrap;
    background-color: rgb(200, 206, 206);
}
div.main>div.first>span.a1{
    background-color: gray;
}
div.main>div.first{
    display: flex;
    gap: 40px;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
    background-color: rgba(240, 248, 255, 0);
}
div.main>div.second>span{
    font-size: 50px;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    display: block;
    color: white;
    text-align: center;
    line-height: 90px;
    flex-flow: row nowrap;
    background-color: rgb(43, 43, 43);
}
div.main>div.second>span.a4{
    background-color: rgb(200, 206, 206);;
    color: black;
    line-height: 110px;
}
div.main>div.second{
    display: flex;
    gap: 40px;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
    background-color: rgba(240, 248, 255, 0);
}
div.main>div.third>span{
    font-size: 50px;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    display: block;
    color: white;
    text-align: center;
    line-height: 90px;
    flex-flow: row nowrap;
    background-color: rgb(43, 43, 43);
}
div.main>div.third>span.a4{
    background-color: rgb(200, 206, 206);;
    color: black;
    line-height: 80px;
    font-size: 70px;
}
div.main>div.third{
    display: flex;
    gap: 40px;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
    background-color: rgba(240, 248, 255, 0);
}div.main>div.forth>span{
    font-size: 50px;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    display: block;
    color: white;
    text-align: center;
    line-height: 90px;
    flex-flow: row nowrap;
    background-color: rgb(43, 43, 43);
}
div.main>div.forth>span.a4{
    background-color: rgb(200, 206, 206);;
    color: black;
    line-height: 90px;
    font-weight: 700;
}
div.main>div.forth{
    display: flex;
    gap: 40px;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
    background-color: rgba(240, 248, 255, 0);
}div.main>div.fifth>span{
    font-size: 50px;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    display: block;
    color: white;
    text-align: center;
    line-height: 90px;
    flex-flow: row nowrap;
    background-color: rgb(43, 43, 43);
}
div.main>div.fifth>span.a4{
    background-color: rgb(200, 206, 206);
    color: black;
    line-height: 90px;
    
}
div.main>div.fifth{
    display: flex;
    gap: 40px;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
    background-color: rgba(240, 248, 255, 0);
}
div.main>div.fifth>span.a1{
    background-color: rgb(43, 43, 43);
    color: rgb(255, 255, 255);
    line-height: 70px;
}
span:hover{
    box-shadow: 0 0 15px rgb(255, 255, 255);
}