body {
    background-color: black;
}

.inpage {
  display: block;
  border-radius: 50%;
  border-color: gold;
  border: 5px solid gold;
  margin-left: auto;
  margin-right: auto;
}

.top1 {
  display: block;
  border-color: gold;
  border: 2px solid gold;
  width: 90%; 
  margin-left: auto;
  margin-right: auto;
}

hr {
  border-color: gold;
  width: 90%;
 }


p {
  font-family: "open sans";
  font-size: 20px;
  color:darkkhaki;
  width: 75%;
  text-align: justify;
  margin:auto;
}

h1 {
  font-family:"open sans";
  font-size: 35px;
  color:darkkhaki;
  text-align: center;

  
}


h2 {
  font-family:"open sans";
  font-size: 20px;
  color:darkkhaki;
  text-align: center;
vertical-align: top;
  
}


h3 {
  font-family:"open sans";
  font-size: 20px;
  color:darkkhaki;
  text-align: center;
vertical-align: top;
  
}


.cool {
  font-size: 30px;
  margin: auto;
  outline: none;
  padding-bottom: 0.2em;
  border-width: 0px 0px 2px 0px;
  border-bottom-color: WHITE;
}

div.bar {
  width: 365.3px;
  height: 2px;
  background-color: #000000;
  position: relative;
  top: -2px;
  display: none;
}

input:focus + .bar {
  display: block
}

.accordion {
  width: 80%;
  margin: auto;
  border: 1px solid #000;
  padding: 0.2rem;
}

/* Hide content by default */
.accordion-content {
  display: none;
}

/* Show when focused */
.accordion:focus-within .accordion-content {
  display: block;
}

/* Optional styling */
.accordion-title {
  cursor: pointer;
  user-select: none;
}