BODY {
  background-color: #7798AB; 
  padding: 35px;
  overflow-y: hidden;
}  

#CONTAINER {
  background-image: linear-gradient(#FFEBDD, #E9DCB9); 
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  border: #293C44 1px solid;
  border-radius: 17px;
  padding: 10px; 
}

#HEADER {
  background-image: linear-gradient(#C3DBC5,#E9DCB9,#C3DBC5,#7798AB,#7798AB,#293C44);
  color: #7798AB;
  text-indent: 10px;
  text-align: left;
  height: 130px;
  border: #293C44 1px solid;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  margin-top: -10px;
  margin-left: -10px;
  margin-right: -10px
}

#TAB1 {
 text-align: left;
 line-height: 2px;
 text-indent: 15px;
 background-color: #293C44;
 margin-left: 10px;
 height: 30px;
 width: 150px;
 border: #293C44 1px solid;
 border-top-right-radius: 20px;
 border-top-left-radius: 20px;
 position: relative;
 top: -17px;
}

#TAB2 {
 text-align: left;
 line-height: 3px;
 text-indent: 15px;
 background-color: #293C44;
 background-color: rgb(0 0 0 / 50%);
 margin-left: 10px;
 height: 30px;
 width: 150px;
 border: #293C44 1px solid;
 border-top-right-radius: 20px;
 border-top-left-radius: 20px;
 position: relative;
 left: 151px;
 top: -48px;
}


#TAB3 {
 text-align: left;
 line-height: 2px;
 text-indent: 15px;
 background-color: #293C44;
 background-color: rgb(0 0 0 / 50%);
 margin-left: 10px;
 height: 30px;
 width: 150px;
 border: #293C44 1px solid;
 border-top-right-radius: 20px;
 border-top-left-radius: 20px;
 position: relative;
 left: 302px;
 top: -79px;  
}

#BAR {
 background-color: #293C44;
 height: 35px;
 width: auto;
 border: #293C44 1px solid;
 position: relative;
 top: -82px;
}

#SEARCH {
 background-color: #E9DCB9;
 width: 500px;
 height: 25px;
 border: #293C44 1px solid;
 border-radius: 20px;
 position: relative;
 top: -47px;
 left: 75px;
}

#ARROW {
 background-color: transparent;
 word-spacing: 10px;
 height: 35px;
 width: 60px;
 position: relative;
 top: -10px;
 left: 5px;
 
}


#CONTENT {
  padding: 10px; 
}

#WELCOME {
  text-align: center;
  background-color: #C3DBC5;
  width: 490px;
  float: left;
  border: #293C44 1px solid;
  border-radius: 60px;
  position: relative;
  padding: 10px;
  z-index: 20;
  
}

#IMPORTANT {
  background-image: url(https://emtnotes.neocities.org/notepadcropped.png);
  background-size: 96%;
  background-repeat: no-repeat;
  width: 449px;
  height: 295px;
  float: left;
  position: relative;
  padding: 10px;
  margin-top: -25px;
  margin-left: 40px;
  border: #293C44 0px solid;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

#PFP {
  background-color: #D3B7B6;
  width: 155px;
  height: 155px;
  position: relative;
  left: 500px;
  border: #293C44 1px solid;
  border-radius: 15px;
  margin-top: 10px;
}

#TAPE {
 background-image: url(https://emtnotes.neocities.org/purptape.png);
 background-size: cover;
 position: relative;
 bottom: -45px;
 left: 530px;
 height: 55px;
 width: 110px;
 z-index: 200;
 transform: rotate(7deg);
 float: ;
 margin-bottom: -50px;
}

#POSTIT {
  transform: rotate(3deg);
  background-image: url(https://emtnotes.neocities.org/postitflip.png);
  background-size: 98%;
  background-repeat:  no-repeat;
  width: 195px;
  height: 195px;
  margin-top: 70px;
  margin-bottom: 15px;
  margin-right: 5px;
  border: #293C44 0px solid;
  border-radius: 15px;
  position: relative;
  left: 470px;
  top: -15px;
}

#FOOTER {
  clear: both;  
  background-image: linear-gradient(#7798AB,#C3DBC5,#E9DCB9,#C3DBC5);
  color: seagreen;
  text-align: center;
  border: #293C44 1px solid;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  margin-bottom: -10px;
  margin-left: -10px;
  margin-right: -10px;
  
}





/* Unvisited link */
a:link {
  color: #7798AB;
}

/* Visited link */
a:visited {
  color: #7798AB;
}

/* Mouse over link */
a:hover {
  color: #D3B7B6;
}

/* Selected link (the moment it is clicked) */
a:active {
  color: #C3DBC5;
}  
  
/* no underlines on link */

a {
  text-decoration: none;
}