body {
    margin-top: 50px;
    text-align: center;
    background-color: #400a0e;
    background-image: url("https://virulace.neocities.org/Photocards/img/fleur-bg-3.png");
    font-size: 10px;
    font-family: Monospace, "Lucida Console", serif;
  }


.section{
      margin: 50px;
      text-align: center;
      background-color: black;
      content: center;
      outline: dashed;
      outline-color: black;
      outline-width: 3px; 
      border-radius: 200px;
      
  }
      
      
p {
  line-height: 1.6em;
}
      
h {
    color: black;
    text-align: center;
    font-size: 40px;
    font-family: Monospace, "Lucida Console", serif;
    text-shadow: -1px -1px 0 #b8101c, 1px -1px 0 #b8101c, -1px 1px 0 #b8101c, 1px 1px 0 #b8101c;
    
  
  }
  
h1 {
 
    padding: 40px;
    text-align: center;
    font-size: 40px;
    font-family: Monospace, "Lucida Console", serif;
    text-shadow: -1px -1px 0 #b8101c, 1px -1px 0 #b8101c, -1px 1px 0 #b8101c, 1px 1px 0 #b8101c;
}

h2 {
    text-align: center;
    font-size: 10px;
    font-family: Monospace, "Lucida Console", serif;
  
}
  
  
  
h3 {
  
    padding: 10px;
    text-align: left;
    font-size: 30px;
    font-family: Monospace, "Lucida Console", serif;
   }
 
 
img {
  max-width: 100%;
  height: 200px;
  border-style: solid;
  border-color: #4c050a;
  border-width: 5px;

}

details {
  background-color: #980f18;
  color: #000000;
  cursor: pointer;
  padding: 18px;
  width: 80%;
  border: dashed;
  text-align: center;
  outline: white;
  font-size: 20px;
  font-family: Monospace, "Lucida Console", serif;
  margin-bottom: 20px;
  border-radius: 30px;
  display: inline-block; 
  font-size: 30px;
  text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
}

details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}


.button {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 30px;
  cursor: pointer;
  margin: 20px;
}

.right {
  float: right;
  margin-left: 1em;
}
.left {
  float: left;
  margin-right: 1em;
}
.center {
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  

}

/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #7da0de;
  color: #000000;
  cursor: pointer;
  padding: 18px;
  width: 80%;
  border: dashed;
  text-align: center;
  outline: white;
  font-size: 20px;
  font-family: Monospace, "Lucida Console", serif;
  margin-bottom: 20px;
  border-radius: 30px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}