/* links :3 */
a:link { color: #774a2d; }
a:visited { color: #774a2d; }
a:hover { color: #fb466a; }
/* links end */

/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/food/foo-4/foo375.cur), auto !important;} /* End https://www.cursors-4u.com */

 body {
  background-color: #FFDC6C;
  background-image: url("bg.png");
  background-size: cover;
  color: black;
  font-family: Verdana;
  background-repeat: no-repeat;
  width: 95%;
}

#p {
  position: absolute;
  bottom: 380px;
  right: 320px;
  }
  
#pet {
  background-image: url("wood.jpg");
  color: white;
  font-family: "Times New Roman";
  cursor: move;
  position: absolute;
  text-align: center;
  }

.nav {
  background-color: #492e1b;
  width: 65%;
  margin: auto;
  text-align:center;
  padding: 7px 0;
  }

a.navlinks:link {color: #e5b342;}
a.navlinks:visited {color: #e5b342;}
a.navlinks:hover {color: #fb466a;}

.main {
  background-color: #f9de9f;
  width: 65%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  }
  
.lefttab {
  background-color: #f6cd6f;
  padding: 5px;
  width: 20%;
  margin: auto;
  text-align: center;
  border-color: #f7d687;
  border-style: solid;
  color: #774a2d;
  height: 510px;
  }

.links {
  margin-top: 15px;
  display: flex;
}
.links2 {
  display:flex;
}
.column {
  flex: 2px;
  padding: 5px;
}

.credittext {
  font-size: 14px;
  height: 250px;
  overflow: auto;
}
  
.righttab {
  background-color: #f6cd6f;
  padding: 5px;
  width: 20%;
  margin: auto;
  text-align: center;
  border-color: #f7d687;
  border-style: solid;
  color: #774a2d;
  height: 510px;
  overflow:auto;
  }

.mid {
  background-color: #f6cd6f;
  padding: 5px;
  width: 50%;
  margin: auto;
  text-align: center;
  border-color: #f7d687;
  border-style: solid;
  color: #774a2d;
  height: 511px;

}

.interest {
  height: 368px;
  overflow: auto;
}