#container {
    /* border-color: 5px solid rgb(6, 233, 13); */
    width: 1200px;
    margin: 80px 200px;
    text-align: center;
    font-size: x-large;
    font-weight: 600;
    box-shadow: 0px 0px 11px rgb(0, 0, 0);
    background-color: aliceblue;
    border-radius: 30px;

}

td {
    width: 40px;
    height: 40px;
    border-color: 2px solid black;
    border-radius: 7px;



}

#Row3,
#Row2,
#Row1,
#TextRow,
#emptyRow {
    empty-cells: hide;
    text-align: center;

}



.number {
    border: none;
    text-align: center;



}

.color {
    background-color: aqua;

}

.leftnumbers {
    border: none;
    text-align: right;

}

#TextRowborder {
    border: none;
    color: aliceblue;
}

span {
    font-size: 10px;
    text-align: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}


td {
    transition: all 0.1s ease-in-out;
}

td:hover {
    transform: translateY(-15px);
    box-shadow: 0 7px 5px rgba(85, 85, 85, 0.3);
}


footer {
    background-color: rgb(0, 0, 0);
    height: 100px;
    margin-top: 170px;


}

body {
    margin: 0;
    padding: 0;
    box-sizing: 0;
    background-color: rgb(229, 229, 229);

}

header>h1 {
    height: 100px;
    background-color: black;
    margin: 0px;



}

h1 {
    text-align: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 3em;
    font-weight: 700;

}

.h2 {
    color: aliceblue;
    font-size: larger;
    line-height: 95px;
    text-align: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 2em;
    /* margin-top: -30px; */
}

a{
    
    color: aliceblue;
    font-size: 20px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
/* .h3{
    font-size: large;
    color: aliceblue;
   
} */