h1 {color:blue;}
h1 {color:blue;}
.nav-button {
   display: flex;
  flex-wrap: wrap;
  gap: 12px;
  display: inline-block;
  padding: 10px 20px;
  background-color: #007bff; /* Button color */
  color: white; /* Text color */
  text-decoration: none; /* Removes the underline */
  border-radius: 5px; /* Rounds the corners */
  font-weight: bold;
}
.nav-button:hover {
  background-color: #0056b3;
  /* Darkens the button on hover */
}
h1 {color:blue;}
section {margin: 1 rem;
  padding: 1 rem; 
   border-radius: 10px;
  border: 2px solid blue;
  box-shadow: 5px 5px rgba(255, 192, 203, 0.5);
  background-color: white;
  
    
}


.img2 {width: 200px; margin: auto; border: 10px solid black;}
main {width: 85%;
  margin: auto;}

body {background: url(https://codecraftworks.dev/web/z8lP888IqZLD0A7fJAQ1/assets/gentle.jfif);
   background-size: cover;
} 



.img1 {width: 180 rem;
  background: url(https://codecraftworks.dev/web/z8lP888IqZLD0A7fJAQ1/assets/daniel.jfif);
  background-repeat: no-repeat;
  background-size: cover; }
 
h2 {border-bottom: 6px double gold;}
.style1 { border: 2px solid blue; background-color: white; border-radius: 10px; text-indent: 1 rem; font-weight: bold; font-family: "Times New Roman", Times, serif;}
.p-wrapper> p 
{margin: 1 rem;
  text-indent: 1 rem; }

.wrapper { background: lightblue;
           border: 5px double yellow;
           margin-left: 1 rem;
           margin-right: 2 rem;
  margin-top: 2 rem; }

.simple-swap1::before {
  content: "Star of Book of Daniel";
}


.simple-swap1:hover::before {
  content: "Who is Daniel";
}


.simple-swap2::before {
  content: "Was also in the furnace";
}


.simple-swap2:hover::before {
  content: "Who is One Like Son of God";
}

.simple-swap3::before {
  content: "There were four of these in dream";
}


.simple-swap3:hover::before {
  content: "What is number of beasts";
}

.simple-swap4::before {
  content: "He dreamt of a statue";
}


.simple-swap4:hover::before {
  content: "Who is Daniel";
}

.simple-swap5::before {
  content: "He read this prophet while exiled";
}


.simple-swap5:hover::before {
  content: "Who is Jeremiah";
}

.simple-swap6::before {
  content: "He was the king";
}


.simple-swap6:hover::before {
  content: "Who is Nebuchadnezzar";
}

.simple-swap7::before {
  content: "Daniel's friends";
}


.simple-swap7:hover::before {
  content: "Who are Hananiah, Mishael and Azariah";
}

.simple-swap8::before {
  content: "Length of captivity in years";
}


.simple-swap8:hover::before {
  content: "What is 70";
}
.simple-swap9::before {
  content: "He interpreted these for king";
}


.simple-swap9:hover::before {
  content: "What are dremas";}

.Game2  { color: black;
           background-color: gold;
             font-size: 23px;
            text-align: center;   
  text-shadow: 0 0 50px white;
  -webkit-text-stroke: 0.1px white;
  border-bottom: 6px double blue;
  
}