z/* 1. Use a more-intuitive box-sizing model */
*, *::before, *::after{box-sizing: border-box;}
/* 2. Remove default margin */
* {margin: 0;}
body{
    /*3. Add accessible line-height*/
    line-height: 1.5;
    /*4. Improve text rendering*/
    -webkit-font-smoothing: antialiased;}
/*5. Improve media defaults*/
img, picture, video, canvas, svg {display: block; max-width: 100%;}
/*6. Inherit fonts for form controls*/
input, button, textarea, select{font: inherit;}
/*7. Avoid text overflows*/
p, h1, h2, h3, h4, h5, h6{overflow-wrap: break-word;}
/*8. Improve line wrapping*/
p{text-wrap: pretty;}
h1, h2, h3, h4, h5, h6{text-wrap: balance;}
/*9. Create a root stacking context*/
#root, #__next{isolation: isolate;}
/*CSS reset above this line*/

body{background-color:crimson}
h1{color: white; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif}
aside, footer{display: block; position: fixed;  
background-color: #8b8b8b; color: crimson;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;}
aside{text-align: right; width: 30%; right: 0;}
footer{width: 100%; bottom: 0; left: 0; 
text-align: center; height: fit-content; vertical-align: middle;}
td:nth-child(odd){border-left: 3px solid #620000;}
td:nth-child(even){border-right: 3px solid #620000}
table{border-collapse: collapse; width: 60%;}
td{text-align: center;}
tr:nth-child(even){background-color: #820303; color: #dcdcdc;}
tr:nth-child(odd){background-color: #a70f0f; color: #d0afdf;}
#label{font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; }
th{text-align: center}
#label{background-color: rgba(130,3,3,255); color: rgba(255,0,0,255)}
.ss, .sb{background-color: rgba(130,3,3,255); color: #ff0000}
tr:nth-child(11){border-bottom: 3px solid #620000}
#label{border-top: 3px solid #620000; border-left: 3px solid #620000; border-right: 3px solid #620000;}
.ss{border-left: 3px solid #620000;}
.sb{border-right: 3px solid #620000;}
.ss, .sb{border-top: 3px solid #620000; border-bottom: 3px solid #620000;}
footer{display: block; position: fixed;  
    background-color: #330101; color: #ff0000;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;}
a{color: white;}
article{text-align: left; padding-right: 3px; padding-left: 3px; margin-right: 40%; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;}
button{text-align: center;
    display: inline-block;
    border: none;
    width: 100%;
    cursor: pointer; 
    background-color: #620000 ;
    color: #ff0000; 
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif}
button:hover{background-color: #373737;
    color: #d0afdf;}
button.two{text-align: center;
    display: inline-block;
    border: none;
    width: 100%;
    cursor: pointer; 
    background-color: #4b0000 ;
    color: #ff0000; 
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif}
button.two:hover{background-color: #373737;
    color: #d0afdf;}
button.three{text-align: center;
    display: inline-block;
    border: none;
    width: 100%;
    cursor: pointer; 
    background-color: #330101 ;
    color: #ff0000; 
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif}
button.three:hover{background-color: #373737;
    color: #d0afdf;}
.games{width: 200px; display: inline; margin-right: 150px;}
.fun{width: 300px;}
.numb{width: 300px;}