:root {
        --g:rgb(48, 47, 47);
        --dg:rgb(27, 27, 28);
        --wh: rgb(255, 249, 246);
}

body{
            max-width: 1200px;
            margin: 0 auto;
            background: rgb(255, 249, 246);
            font-family: 'Courier New', Courier, monospace;
        }

        main{
            overflow:hidden;
            margin: 20px;
            box-shadow: 0px 0px 10px #000;
            padding: 10px;
            background-color: rgb(27, 27, 28);
        }

        section{
            
            background-color: rgb(48, 47, 47);
             padding: 10px 30px 10px 30px;

        }

        table{
            overflow:hidden;
           width: 100%;
            background-color: rgb(255, 255, 255);
            padding: 10px;
            }

            tr{
           display: flex;    
            }
            th{
                margin:2px;
                width: 100%;
                padding:0px;
                vertical-align: top;
                font-weight: normal;
                text-align: left;
            }

            button{
                color: black;
                width:100px;
                height: 30px;
                box-shadow: 0px 5px rgb(122, 121, 121);
                border: solid 1px;
                border-radius: 0px;
            }

            
            .button:active {
                border: solid 1px;
                box-shadow: 0px 0px rgb(122, 121, 121);
                  transform: translateY(4px);
}

        h2 {
             color: white;
            margin: 8px !important;
        }
        
        h4 {
            font-size: 20px;
            text-decoration: wavy;
            margin: 5px 0px 5px 0px !important;
        }

        a{ text-decoration: none; color: inherit;}

        footer{ 
            color: white;
            text-align: center;
            margin-top: 10px;    
        }

/* Moba */

img{
    max-width: 100%;
}

@media (max-width: 600px){
    main{
        margin: 8px;
        padding: 6px;
    }

    section{
        padding: 10px 12px;
    }

    tr{
        flex-direction: column;
    }

    th .button,
    th button{
        margin-top: 4px;
    }

    th img[height]{
        max-height: 250px;
        width: auto;
    }

}