.textbox1 {
  display:flex;
  position:absolute;
  flex-direction:column;
  text-align:left;
  justify-content:flex-start;
  width:700px;
  height:175px;
  background-color: rgba(24, 30, 153, 0.75);
  border:2px solid #080c4d;
  border-radius:10px;
  top:200px;
  padding:10px;
  font-size:20px;
}
.bottomtext1 {
  display:flex;
  position:absolute;
  flex-direction:column;
  top:155px;
  padding-left:10px;
}
.textbox1 p {
  color: white;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
  margin: 0 0 15px 0;
  padding-left:5px;
}
.bottomtext1 p {
  color: #E6D073;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}

/* TEXTBOX 2 */

.textbox2 {
  display:flex;
  position:absolute;
  flex-direction:column;
  text-align:left;
  justify-content:flex-start;
  width:700px;
  height:150px;
  background-color: rgba(24, 30, 153, 0.75);
  border:2px solid #080c4d;
  border-radius:10px;
  top:430px;
  padding:10px;
  font-size:20px;
  overflow-y:auto;
}
.bottomtext2 {
  display:flex;
  position:absolute;
  flex-direction:column;
  top:410px;
  padding-left:10px;
  padding-bottom:8px;
  font-size:20px;
}
.textbox2 p {
  color: white;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
  margin: 0 0 20px 0;
  padding-left:5px;
}
.bottomtext2 p {
  color: #E6D073;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
  margin: 0 0 5px 0;
}
.textbox2::-webkit-scrollbar-track {
  background:#080c4d;
  border-radius:10px;
}
.textbox2::-webkit-scrollbar-thumb {
  background:#080c4d;
  border-radius: 10px;
  height:0px;
}
.textbox2::-webkit-scrollbar {
  width:0px;
  height:0
}

/* TEXTBOX 3 */

.textbox3 {
  display:flex;
  position:absolute;
  flex-direction:column;
  text-align:left;
  justify-content:flex-start;
  width:400px;
  height:90px;
  background-color: rgba(24, 30, 153, 0.75);
  border:2px solid #080c4d;
  border-radius:10px;
  bottom:100px;
  padding:10px;
  font-size:20px;
}
.bottomtext3 {
  display:flex;
  position:absolute;
  flex-direction:column;
  top:450px;
  padding-left:10px;
  font-size:20px;
}
.textbox3 p {
  color: white;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
  margin: 0 0 20px 0;
  padding-left:5px;
}
.textbox3 a {
  color: #E6D073;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
  margin: 0 0 50px 0;
  text-align:center;
  font-size:25px;
  text-decoration: none;
}
.bottomtext3 p {
  color: #E6D073;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
  margin: 0 0 25px 0;
}

/* TEXTBOX 4 */

.textbox4 {
  display:flex;
  position:absolute;
  flex-direction:column;
  text-align:left;
  justify-content:flex-start;
  width:700px;
  height:110px;
  background-color: rgba(24, 30, 153, 0.75);
  border:2px solid #080c4d;
  border-radius:10px;
  bottom:450px;
  padding:10px;
  font-size:20px;
  overflow-y:auto;
}
.bottomtext4 {
  display:flex;
  position:absolute;
  top:330px;
  padding-left:10px;
  font-size:20px;
}
.textbox4 p, .textbox4 li, .textbox4 a {
  color: white;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
  margin: 0 0 20px 0;
  padding-left:5px;
  text-decoration:none;
}
.bottomtext4 p {
  color: #E6D073;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
  margin: 0 0 25px 0;
}
.textbox4 h1 {
  color: #73dce6;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
  font-size:25px;
}
.textbox4::-webkit-scrollbar-track {
  background:#080c4d;
  border-radius:10px;
}
.textbox4::-webkit-scrollbar-thumb {
  background:#080c4d;
  border-radius: 10px;
  height:0px;
}
.textbox4::-webkit-scrollbar {
  width:0px;
  height:0
}

/* GIFS */

.load {
  display:flex;
  flex-direction:column;
  position:absolute;
  justify-content:center;
  bottom:25px;
}
.load p {
  color: white;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
  margin: 0 0 40px 0;
  text-align:center;
}
.loadimg {
  display:flex;
  flex-direction:column;
  position:absolute;
  justify-content:center;
  bottom:75px;
  left:380px;
}
.eol {
  display:flex;
  position:absolute;
  justify-content:center;
  bottom:450px;
}
.macaw {
  display:flex;
  position:absolute;
  justify-content:center;
  top:130px;
  left:40px;
}
.bunny {
  display:flex;
  position:absolute;
  justify-content:center;
  bottom:635px;
  right:100px;
}
.walking {
  display:flex;
  position:absolute;
  justify-content:center;
  bottom:330px;
}
.summon {
  display:flex;
  position:absolute;
  justify-content:center;
  top:75px;
  right:85px;
}