body {
    margin: 0;
  height:100%;
  padding:0;
      font-family: Director;
      background-color: #e9eff5;
      color:#4d443d;
          background-image: url(https://images3.alphacoders.com/624/thumb-1920-624541.png);
  background-repeat: no-repeat; /* or no-repeat */
  background-size: auto;    /* or contain, or auto */
  background-position: center; 

}
  
b {
  font-weight: bold;
  
}
.header {
  font-family:times;
  z-index:1;
  position: absolute;
  top: 14%;
  left:5%;
  font-size:3em;
  
}

.index {
  position: absolute;
  z-index: 2;
  top:55%;
  right: 10%;
  background: white;
  border: 1px solid #f0db8c;
  width:10%;
  border-radius:8px;
  padding:0px;
  overflow:hide;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  color: black;
  display: flex; /* Makes it a flex container */
  flex-direction: column;
  
}
 
.box {
  height:5%;
 text-align:center;
  flex:1;
  font-size:1.1em;
  background: linear-gradient(to bottom, #363727, #0e0c0f);
  border-bottom:1px solid #f0db8c;
  padding: 5px 2px;
}

#top {
  border-radius: 8px 8px 0px 0px;
}

#bottom {
  border-radius: 0 0 8px 8px;
}
.container {
  margin-top:18%;
    width:60%;
  margin-left: auto;
    margin-right: auto;
        padding: 10px;
  background-color: #fff; /* or whatever background you like */
    background-image: url(https://img.freepik.com/free-vector/hand-drawn-painted-watercolor-paper-background_23-2151171133.jpg);
  background-repeat: repeat; /* or no-repeat */
  background-size: contain;    /* or contain, or auto */
  background-position: center;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  border-radius: 8px; /* optional, just looks cute */
}

a {
  color: #f5f7f6;
  text-decoration: none;
}

a:hover {
  color: #f0db8c;
  text-decoration: underline #f0db8c;
  }

@font-face {                  
font-family: 'Director';
src: url(https://humantooth.neocities.org/fonts/Director-Regular.woff format('woff');
font-weight: normal;
font-style: normal;
} 

.content-row {
  display: flex;
  gap: 10px; /* spacing between blocks */
}

.content-block {
      flex:1;
      padding: 20px;
      font-family:Director;
      border-radius: 15px;
        text-indent: 10%;
    }