body{
    text-align: center;
    color: white;
    background: linear-gradient(to bottom right,rgb(255, 64, 64) 50%, rgb(238, 227, 227) 50%) ;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#h1{
    font-size:3rem;
}
table{
    margin: auto;
}
input{
    padding: 10px;
}

.c{
    display: flex;
    justify-content: center;
}
.h{
    font-size: 20px;
    text-transform: uppercase;
    color:black;
}






.t{
    background: linear-gradient(rgb(4, 4, 4), rgb(104, 100, 100));
    font-size: 90px;
    width: 120px;
    margin-left:10px ;
    border-radius: 40px;
    box-shadow: 5px 5px 5px rgb(59, 58, 58);
}
.b{
    width:100px;
    height:40px;
    border-radius:30px;
    cursor : pointer;
    margin: 2px 10px;
    padding: 5px;
    background: linear-gradient(rgb(129, 254, 129), rgb(18, 102, 18));
    box-shadow: 5px 5px 5px rgb(117, 3, 3);
    border-width: 0px ;
    font-size:20px;
    color:white;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;}
.th{
    font-size:20px;}
#sb{
    width:100px;
    height:40px;
    border-radius:30px;
    cursor : pointer;
    margin: 2px 10px;
    padding: 5px;
    background: linear-gradient(rgb(129, 254, 129), rgb(18, 102, 18));
    box-shadow: 5px 5px 5px rgb(143, 139, 139);
    border-width: 0px ;
    font-size:20px;
    color:white;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;}
#div{
    position:absolute;
    left:0;
    top:0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height:100%;
    width:100%;    
    display: none;
}