<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
    font-family: Arial, sans-serif;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    line-height: 1.6;
    background-color: hotpink;
    text-align: center;
    color: #333;
    margin: 0;
    padding: 0;
}
h2 {
    text-align: center; 
}

h1 {
    color: cornflowerblue;
    text-align: center; 
    margin-bottom: 20px; 
    border: 2px solid cornflowerblue;
    padding: 10px; 
 } 

nav {
 text-align: center;
  left margin: 100px; right margin: 100px
  width: 1000px;
  line-height: 2.5;
  }      

nav a {
  font-family: Gadget, sans-serif;
  color: rgb(128,208,255);
  background: black;
  padding: 8px 25px;
  }      
  
nav a:hover {
   color: black;
   background:orange;
}  
 table, th, td {
        border: 3px solid black;
        border-collapse: collapse; }
      
      td, th {
        width: 5%;
        text-align: center;}
      
      th,tr:nth-child(even) {
        background-color:#D2E3E9;} 
        
        body {
 margin: 0px;
 display: grid;
 }
img {
  border: 4px solid #ddd;
  border-radius: 2px;
  padding: 5px;
  width: 150px;
color: light blue
}
h3 {
  text-decoration: underline;
}
h3  {
  text-transform: uppercase;
}
img {
  display:block;
  background: #333;
  border: 2px dotted #993300;
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}</pre></body></html>