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: peru; color: white;}
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: orange;
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 purple;}
td:nth-child(even){border-right: 3px solid purple}
table{border-collapse: collapse; width: 60%;}
td{text-align: center;}
tr:nth-child(even){background-color: violet; color: rgb(137, 64, 210);}
tr:nth-child(odd){background-color: magenta; color: rebeccapurple;}
#label{font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; }
th{text-align: center}
#label{background-color: magenta;}
.ss, .sb{background-color: magenta; color: rebeccapurple}
tr:nth-child(11){border-bottom: 3px solid purple}
#label{border-top: 3px solid purple; border-left: 3px solid purple; border-right: 3px solid purple;}
.ss{border-left: 3px solid purple;}
.sb{border-right: 3px solid purple;}
footer{display: block; position: fixed;  
    background-color: magenta; color: rebeccapurple;
    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: rgb(194, 0, 194) ;
    color: white; 
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif}
button:hover{background-color: orangered;
    color: bisque}
button.two{text-align: center;
    display: inline-block;
    border: none;
    width: 100%;
    cursor: pointer; 
    background-color: rgb(163, 0, 163);
    color: white; 
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif}
button.two:hover{background-color: orangered;
    color: bisque;}
button.three{text-align: center;
    display: inline-block;
    border: none;
    width: 100%;
    cursor: pointer; 
    background-color: purple;
    color: white; 
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif}
button.three:hover{
    background-color: orangered;
    color: bisque;}
button.four{text-align: center;
    display: inline-block;
    border: none;
    width: 100%;
    cursor: pointer; 
    background-color: rgb(105, 0, 105);
    color: white; 
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif}
button.four:hover{
    background-color: orangered;
    color: bisque;}
button.five{text-align: center;
    display: inline-block;
    border: none;
    width: 100%;
    cursor: pointer; 
    background-color: rgb(80, 0, 80);
    color: white; 
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif}
button.five:hover{
    background-color: orangered;
    color: bisque;}
button.six{text-align: center;
    display: inline-block;
    border: none;
    width: 100%;
    cursor: pointer; 
    background-color: rgb(57, 0, 57);
    color: white; 
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif}
button.six:hover{
    background-color: orangered;
    color: bisque;}
.ss, .sb{border-top: 3px solid purple; border-bottom: 3px solid purple;}