body {
  background-image: url("https://thumbs.dreamstime.com/b/blue-binary-computer-code-repeating-background-eps-illustration-89396380.jpg");
  background-repeat:repeat;
  background-position:top;
  text-align: center;
}

.box {
  border: px solid blue;
  padding: 100px;
  font-size: 20px;
  text-align: center;
  margin-bottom: 10px;
  margin: 100px;
}

.white {
  background-color: lightblue;
}

.white-box2
{
  margin: 20px;
  border: solid black;
  background-image: linear-gradient(to bottom right, rgb(252, 48, 3, 0.3), rgb(61, 219, 67, 0.3), rgb(77, 61, 219, 0.3)), url("https://projects.codecraftworks.com/web/lCl7bTzaACcDRpnxC32M/assets/download.jfif");
  height: 130px;
  font-size: 50px;
  font-weight: bold;
  font-family: "Comic Sans", sans serif;
  color:  #00ffcc;
}

figure img
{
  padding: 5px;
  height: 600px;
  width: 900px;
}

.blue-box
{
  border: solid black;
  color:  #006699;
}

main
{
  background-color: white;
  padding: 20px;
}

nav a
{
  margin: 0px 10px;
  text-decoration: none;
  font-size: 60px;
  color:    #b3ffff;
  border: solid blue;
}

nav a:hover
{
  color: lightblue;
}

article
{
  background-color: lightblue;
  padding: 20px;
  font-size: 20px;
  text-align: center;
} 

summary
{
  font-weight: bold;
}

summary:hover
{
  color: #141273;
}

footer
{
  background-color: #211C38;
  padding: 10px;
  padding-bottom: 70px;
  color:  white;
  font-size: 18px;
  background-color:  #003366;
}