a:link {
  color: inherit;
}

a:visited {
  color: inherit;
}

a:hover {
  color: inherit;
}

a:active {
  color: inherit;
}

.tooltip .tooltiptext {
  visibility: hidden;
  background-color:RGB(255, 246, 219);
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  border-style: dotted ;
}

.tooltip:hover > .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tool-list {
  position:relative;
  padding-left:5%;
  padding-right:5%;
  padding-bottom:3%;
  left:45%;
  width:40%;
  }
  
.tool-head {
  position:relative;
  bottom:60%;
  right:40%;
  margin-bottom:1%;
  }
  
.tool-item {
  position:relative;
  bottom:60%;
  right:20%;
  }
  
.tool-p {
  position:relative;
  padding:10%;
  left:35%;
  text-align:center;
  color: RGB(151, 101, 58);
  width:35%;
  }

body {
  color: black;
  font-family: Verdana;
  height:100%;
  width:100%;
  background-image:url("https://i.imgur.com/nPdyFOk.jpeg");
  background-size:500px;
  }
  
.grid {
  display:grid;
  grid-template-rows:100%;
  grid-template-columns:1fr 3fr 1fr;
  height:890px;
  }
  
.left {
  grid-row:1/2;
  grid-column:1/2;
  }
  
.center {
  grid-row:1/2;
  grid-column:2/3;
  height:100%;
  }
  
.content {
  display:grid;
  grid-template-rows:2fr 1fr 4fr;
  grid-template-columns:1fr 1fr 1fr;
  position:relative;
  height:90%;
  width:90%;
  margin:auto;
  top:2%;
  }
  
.banner {
  grid-row:1/2;
  grid-column:1/4;
  background-image:url("https://i.pinimg.com/736x/9e/9a/e8/9e9ae8e562b6d817fcf2fc8b1a8de454.jpg");
  background-size:cover;
  border:solid 5px RGB(151, 101, 58);
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  }
  
.about-button {
  grid-row:2/3;
  grid-column:1/2;
  background-color:RGB(255, 237, 181);
  border-left:solid 5px RGB(151, 101, 58);
  border-bottom:solid 5px RGB(151, 101, 58);
  }
  
.info-button {
  grid-row:2/3;
  grid-column:2/3;
  background-color:RGB(255, 237, 181);
  border-bottom:solid 5px RGB(151, 101, 58);
  }
  
.interests-button {
  grid-row:2/3;
  grid-column:3/4;
  background-color:RGB(255, 237, 181);
  border-right:solid 5px RGB(151, 101, 58);
  border-bottom:solid 5px RGB(151, 101, 58);
  }
  
.button {
  position:relative;
  background-color:RGB(151, 101, 58);
  border:solid 2px RGB(151, 101, 58);
  color:RGB(255, 237, 181);
  border-radius:15px;
  width:80%;
  height:70%;
  font-family:'Brush Script MT', cursive;
  font-size:1vw;
  left:10%;
  top:15%;
  }
  
.link:link {
  color:RGB(255, 237, 181);
  text-decoration: none;
  letter-spacing:4px;
  font-size:1vw;
}

.link:visited {
  color:RGB(255, 237, 181);
  text-decoration: none;
  letter-spacing:4px;
  font-size:1vw;
}

.link:hover {
  display: inline-block;
  color:RGB(255, 237, 181);
  text-decoration: none;
  letter-spacing:4px;
  font-size:1.2vw;
  cursor:pointer;
}


.content-left {
  grid-row:3/4;
  grid-column:1/2;
  background-color:RGB(255, 237, 181);
  border-left:solid 5px RGB(151, 101, 58);
  border-right:solid 5px RGB(151, 101, 58);
  border-bottom:solid 5px RGB(151, 101, 58);
  border-bottom-left-radius:10px;
  }
  
.pom-1 {
  width:55%;
  position:relative;
  left:40%;
  top:5%;
  }
  
.pom-2 {
  width:60%;
  position:relative;
  top:10%;
  }
  
.pom-3 {
  width:85%;
  position:relative;
  left:26%;
  top:4%;
  }
  
.main {
  grid-row:3/4;
  grid-column:2/4;
  background-color:RGB(255, 237, 181);
  border-right:solid 5px RGB(151, 101, 58);
  border-bottom:solid 5px RGB(151, 101, 58);
  border-bottom-right-radius:10px;
  height:100%;
  }
  
.info-grid {
  color:RGB(151, 101, 58);
  display:grid;
  grid-template-rows:100%;
  grid-template-columns:1fr 2fr;
  }
  
.list-category {
  grid-row:1/2;
  grid-column:1/2;
  font-family:'copperplate', fantasy;
  font-size:2.4vw;
  line-height:6.3vw;
  list-style-type: none;
  position:relative;
  }
  
.list-item-info {
  grid-row:1/2;
  grid-column:2/3;
  font-family:'Brush Script MT', cursive;
  font-size:2vw;
  line-height:6.3vw;
  list-style-type: none;
  position:relative;
  top:1%;
  }
  
.intrerest {
  height:100%;
  }
  
.interests-content {
  height:300px;
  width:95%;
  overflow-y:auto;
  overflow-x:hidden;
  position:relative;
  left:5%;
  color:RGB(151, 101, 58);
  margin-top:-5%;
  }
  
.list-heading {
  font-size:1.5vw;
  font-family:'Brush Script MT', cursive;
  }

.list-item {
  font-size:1vw;
  font-family:'Brush Script MT', cursive;
  }
  
.interests-content::-webkit-scrollbar {
  width: 10px;
}

.interests-content::-webkit-scrollbar-track {
  background:none;
}

.interests-content::-webkit-scrollbar-thumb {
  background:RGB(151, 101, 58);
  border-radius:15px;
}

.interests-content::-webkit-scrollbar-thumb:hover {
  background: none;
}
  
[data-tab-content] {
  display:none;
  }
  
.active[data-tab-content]{
  display:block;
  }
  
.about-text {
  font-family:'Brush Script MT', cursive;
  font-size:1.4vw;
  color:RGB(151, 101, 58);
  margin:5%;
  }
  
.current-recent {
  font-family:'Brush Script MT', cursive;
  font-size:1vw;
  color:RGB(151, 101, 58);
  margin:5%;
  border:solid 5px RGB(151, 101, 58);
  border-radius:10px;
  position:relative;
  top:10%;
  overflow-y:auto;
  overflow-x:hidden;
  height:200px;
  }

.current-heading {
  position:relative;
  }
  
.current-item {
  position:relative;
  left:10%;
  top:8px;
  }
  
.current-title {
  text-align:center;
  position:relative;
  top:5%;
  }
  
.recent-heading {
  position:relative;
  }
  
.recent-item {
  position:relative;
  left:10%;
  top:8px;
  }
  
.recent-title {
  text-align:center;
  position:relative;
  top:5%;
  }
  
.current-recent::-webkit-scrollbar {
  width: 3px;
}

.current-recent::-webkit-scrollbar-track {
  background:none;
}

.current-recent::-webkit-scrollbar-thumb {
  background:RGB(151, 101, 58);
  border-radius:15px;
}

.current-recent::-webkit-scrollbar-thumb:hover {
  background: none;
}
  
.right {
  grid-row:1/2;
  grid-column:3/4;
  }