<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    header{
        background-color:papayawhip;
    }
    a{
        color: tomato;
    }
    a:hover{
        color: teal;
    }
   section{
       background-color: lightgray;
       border:  5px dashed tomato; line-break: normal;
   margin: 70px;
  
    } 
    h1{
        font-size: 250%;
        font-style: italic;
        font-family: sans-serif;
        color: tomato;
    }
    h2{
        font-size: 150%;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        color: tomato;
    }
  
   table{
       border-collapse: collapse ;
       min-width: 400px;
       width: auto;
       box-shadow: 2px 5px 50px rgba(0,0, 0, 0.15);
       margin: 100px auto;
       border: 2px solid rgba(0,0, 0, 0.15);
       background-color: whitesmoke;
   }
   thead tr{
    background-color: lightslategray;
       color: white;
   }
   th,td{
       padding: 10px 15px ;
   }
   tbody,tr,th td{
       border: 1px solid black;
   }
</style>
<body>
    
</body>
</html>
 