@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500&family=Barlow:wght@200&family=Cabin&family=Kanit:wght@200&display=swap');

.title{
    font-size: 40px;
    color: rgb(243, 8, 8);
    text-align: center;
    font-family: 'Baloo 2', cursive;
}
.normal-text{
    font-size: 1.5rem;
    font-family: 'Baloo 2', cursive;
    line-height: 40px;
}
.text{
    text-align: center;
}
.list{
    width: 100%;
    display: flex;
    justify-content: center;
}

.list ul li{
    font-size:x-large;
    line-height: 50px;
    list-style:decimal;
}
.list ul li a{
    color: red;
    letter-spacing:2px;
}
.list ul li a:hover{
    color: rgb(63, 174, 15);
    transition-duration: .3s;
}
.click-btn{
    background-color: rgb(159, 138, 19);
    border: none;
    border-radius: 20px;
    transition-duration: .3s;

}
.click-btn:hover{
    background-color: rgb(36, 43, 243);
    border-radius: 25px;
    transition-duration: .3s;
}
.click-btn a{
    color: aqua;
    text-decoration: none;
    padding: 5px 25px;
}
.click-btn a:hover{
    color: rgb(255, 255, 255);
    text-decoration: none;
    padding: 5px 25px;
}
.btn-txt{
    color: red; 
    display: flex;
    justify-content: center;
    font-size: 2rem;
    margin: 20px 0;
    letter-spacing: 5px;
    font-weight: 900;
    text-decoration: underline;
}
.btn-txt span:hover{
    color: rgb(195, 88, 88);
}