body {
                margin: 5px;
            }

            th {
                text-align: right;
                border-top: 1px dotted #3CB4FF;
                padding: 8px;
            }
            td {
                text-align: left;
                border-top: 1px dotted #3CB4FF;
                padding: 8px;
            }
        table, td{
            border: 1px solid #3CB4FF;
        }
        table{
            width: 60%;
            height: 100px;
            margin: auto;
            text-align: center;
        }
        
  
            @media screen and (max-width: 400px) {
                body { background-color: #AEADAD; }
                h1 { color: white; }
            }
            @media screen and (min-width: 401px) and (max-width: 500px) {
                body { background-color: #AEADAD; }
                h1 { color: red; }
            }
            @media screen and (min-width: 801px) {
                body { background-color: #AEADAD; }
                h1 { color: yellow; }
            }