body {
  background-image: url('https://i.pinimg.com/1200x/d1/b0/4c/d1b04c8f178968e917bbd4fbf1fac86a.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
}
.clearfix {
  border: 5px solid #ffffff;
  background-color: black;
}

div {
  float: left;
  padding: 10px; 
}

.div1 {
  overflow: scroll;
 background-image: url('https://i.pinimg.com/736x/2d/28/bc/2d28bc435689495609978be0afe971e5.jpg');
  width: 65vw;
  height: 85vh;
  border: groove #d4d2cd 4px;
  border-radius: 5px;
  padding: 10px;
  margin: 10px;

}
.div2 {
  overflow: scroll;
 background-image: url('https://i.pinimg.com/736x/2d/28/bc/2d28bc435689495609978be0afe971e5.jpg');
  width: 20vw;
  height: 70vh;
  border: groove #d4d2cd 4px;
  border-radius: 5px;
  padding: 10px;
  margin: 10px;

}
.flexbox {
 display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100vw;
  flex-direction: row;
}

/* HEADER */
.header {
  display: block;
  top: 0;
  height: 10%;
  min-height: 100px;
  width: 100%;
  background-image: url(https://i.pinimg.com/1200x/1e/bf/b5/1ebfb5fe022328421aea19de471c874a.jpg);
  overflow: hidden;
  word-break: break-word;
  border: solid black 2px;
  border: solid #d69f09 2px;
  border-radius: 10px;
  padding: 5px;
   
}

a:link {
  color: rgb(0, 128, 255);
  background-color: transparent;
  text-decoration: underline;
}
a:visited {
  color: rgb(0, 128, 255);
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: rgb(255, 51, 153);
  background-color: transparent;
  text-decoration: underline;
}
a:active {
  color: rgb(255, 51, 153);
  background-color: transparent;
  text-decoration: underline;
}

  /* FONTS */
@font-face {
   font-family: Abyssal_Horrors;
   src: url('../css/fonts/Abyssal_Horrors.ttf');
   font-weight: normal;
   font-style: normal;

}

h1 {text-align: center;}
p {text-align: center;}
div {text-align: center;

}
.button {
font-size: 20px;
text-align: center;
}