[data-theme="dark"]{
  --color-bg: black;
  --color-fg: white;
  --color-a: red;
}
[data-theme="light"]{
  --color-bg: white;
  --color-fg: black;
  --color-a: blue;
}
body {
  background-color: var(--color-bg);
  text-align:center;
  font-family:"times new roman";
  font-size:200%;
}

p { 
  color: var(--color-fg);
}

h1{
  color: var(--color-fg);
}

a {
  color: var(--color-a);
  font-family:"times new roman";
  }
.grid {display:grid;
       grid-template-columns:repeat(3,1fr);
       row-gap:30px;
}
.col2 {grid-column:2;}

.row1 {grid-row:1;}
.row2 {grid-row:2;}
footer {background-color:#2b2b2b;
        color:white;
        text-align:center;
        font-size:75%;
}