/* not found css*/
.notfound{
  font-family: "Emilys Candy", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1.5px;
}

/* general text */
/* txt */
.emilys-candy-regular {
  font-family: "Emilys Candy", serif;
  font-weight: 400;
  font-style: normal;
}

/* unvisited link */

a:link {
  
  color:#DDE7B1;
  font-size: 12px;
}

/* visited link */

a:visited{
 
 color: #BBBE64;
}

/* hover over link */

a:hover{
color:#CAAE96;
text-decoration: underline;
background-color: #EAE0D6;
text-align:center;
border-radius: 2px;

}

/*text highlight*/

::selection {
  color: pink;
  background: beige;
}

/* general blocks */

.div{
 display: block; 
}

/* background*/
body{
  background: url("https://i.pinimg.com/1200x/02/d9/e2/02d9e2c604f9d91f956365d043c82ed5.jpg");
  background-size: cover;
  background-repeat: repeat;
  background-color: #ffffff00;
  background-attachment: fixed !important;
}

/* header*/

.header{
 display: flex;
 justify-content: space-evenly; 
 width: auto;
 height: 80px;
}

/*welcome block*/

.welcomeblock{
 position: absolute;
 font-family: "Emilys Candy" !important; 
}

/*if you want to find me block*/

.findmeblock{
  position: absolute;
  top: 100px;
  left: 1160px;
  font-family: "Emilys Candy" !important; 
}

/*about me section*/
}
.picofme{
 float:left;
}

/*box 1 text*/
p7{
  position: absolute;
  font-family: "Emilys Candy" !important;
  top: 10px !important;
  font-size: 10.5px;
  margin-left: 60px;
  background-color:#edd8b9;
  color: rgba(60, 5, 7, 0.7);
}

p8{
  position: absolute;
  font-family: "Emilys Candy" !important;
  top: 30px !important; 
  font-size: 10.5px;
  margin-left: 60px;
  background-color:#edd8b9;
  color: rgba(60, 5, 7, 0.7);
}

/*box 2 text*/

/*watching*/

p9{
  font-family: "Emilys Candy" !important;
  background: rgba(239, 211, 173, .6);
  position: absolute;
  font-size: 13.5px;
  top: 21px;
  left: 60.9px;
  text-align: center;
  color: #edd8b9;
}

  /*watching hover*/

.tooltiptext1 {
  visibility: hidden;
  font-family: "Emilys Candy" !important;
  font-size: 10.3px;
  width: 100px;
  background-color: rgba(60, 5, 7, 0.7);
  color: #edd8b9;
  text-align: center;
  position: absolute;
  left: 170px;
  
}

.tooltip1:hover .tooltiptext1 {
  visibility: visible;
  z-index:1;
}

/*listening*/
p10{
  font-family: "Emilys Candy" !important;
  background: rgba(239, 211, 173, .4);
  position: absolute;
  font-size: 13.5px;
  top: 71.9px;
  left: 63px;
  color:#edd8b9;
}

/*listening hover*/

.tooltiptext2 {
  visibility: hidden;
  font-family: "Emilys Candy" !important;
  font-size: 10.3px;
  width: 100px;
  background-color: rgba(60, 5, 7, 0.7);
  color: #edd8b9;
  text-align: center;
  position: absolute;
  left: 170px; 
  
}

.tooltip2:hover .tooltiptext2 {
  visibility: visible;
  z-index:1;
}
/*writing*/

p11{
  font-family: "Emilys Candy" !important;
  background: rgba(239, 211, 173, .6);
  position: absolute;
  font-size: 13.5px;
  top: 122px;
  left: 66px; 
  text-align: center;
  color:#edd8b9;
}

/*writing hover*/

.tooltiptext3 {
  visibility: hidden;
  font-family: "Emilys Candy" !important;
  font-size: 10.3px;
  width: 100px;
  background-color: rgba(60, 5, 7, 0.7);
  color: #edd8b9;
  text-align: center;
  position: absolute;
  left: 170px
  
}

.tooltip3:hover .tooltiptext3 {
  visibility: visible;
  z-index:1;
}
/*playing*/

p12{
  font-family: "Emilys Candy" !important;
  background: rgba(239, 211, 173, 0.4);
  position: absolute;
  font-size: 13.5px;
  top: 172px;
  left: 66px;
  text-align: center;
  color:#edd8b9;
  
}

/*playing hover*/

.tooltiptext4 {
  visibility: hidden;
  font-family: "Emilys Candy" !important;
  font-size: 10.3px;
  width: 100px;
  background-color: rgba(60, 5, 7, 0.7);
  color: #edd8b9;
  text-align: center;
  position: absolute;
  left: 170px
  
}

.tooltip4:hover .tooltiptext4 {
  visibility: visible;
  z-index:1;
}

/*main body*/

.mainbody{
 
}

/*green tile*/

.tileone{
  top:15px;
  left:-30px !important;
}

/*intro block*/

.pageintro{
  position:absolute;
  left:250px;
  width:480px;
  height:200px;
  top:15px;
  padding: 6px 0px 0px 6px; /*top right bottom left*/
  overflow: scroll;
  overflow-wrap: break-word;
}

/* intro text*/

p3 {
  Margin: 5px;
  font-size: 20px;
  font-family: "Emilys Candy";
  background-color: burlywood !important;
}

p4 {
    font-family: 'Fathers';
    font-size: 15px;
    background-color: rgb(177 128 128 / 50%) !important;
    line-height: 2.7 !important;
    letter-spacing: 1.5px;
}

/*middle music block text*/

p5{
  font-family: 'Fathers';
 font-size: 18px;
 line-height: 1px !important;
 line-height: 1.8 !important; 
 text-align: center !important; 
}

/*music wall text*/

p6{
 font-size: 18px;
 text-align: center !important; 
 
 /*album wall*/
 
}
/*album wall*/
.walltitle{
  left: 265px;
  border-radius: 5px;
  background: rgba(122, 56, 32,0.5);
  border: 2px dotted #5c422e;
}

.albumwall{
  position: absolute; 
  top: 497px; 
  background: url("https://i.pinimg.com/736x/e7/6f/91/e76f91177d56830a7f89f69d4be9b1e1.jpg") !important;
  border-radius: 5px; 
  border: 2px dotted pink;
}

/* album covers and their hovers*/

/*gym class heroes*/

.gymclassheroes{
  left: 15px !important;
  border: 2px solid #BDDEED;
  transition: transform 0.5s ease;
}

.gymclassheroes:hover{
    transform: scale(1.15);
}

/*fall out boy*/

.falloutboy{
  border: 2px solid #9D9268;
  transition: transform 0.5s ease;
}

.falloutboy:hover{
  transform: scale(1.15);
}

/*matchbox 20*/
.matchbox20{
  border: 2px solid #26A0DB;
  transition: transform 0.5s ease;
}

.matchbox20:hover{
  transform: scale(1.15);
}

/*circa survive*/
.circasurvive{
  border: 2px solid #A45E38;
  transition: transform 0.5s ease;
}

.circasurvive:hover{
  transform: scale(1.15);
}

/*twenty one pilots*/
.twentyonepilots{
  border: 2px solid #3A1D19 !important;
  transition: transform 0.5s ease;
}

.twentyonepilots:hover{
  transform: scale(1.15);
}

/*oasis*/
.oasis{
  border: 2px solid #476078;
  transition: transform 0.5s ease;
}

.oasis:hover{
  transform: scale(1.15);
}

/*nerd*/
.nerd{
  border: 2px solid #912C1F;
  transition: transform 0.5s ease;
}

.nerd:hover{
  transform: scale(1.15);
}

/*queens of the stone age*/
.queensofthestoneage{
  border: 2px solid black;
  transition: transform 0.5s ease;
}

.queensofthestoneage:hover{
  transform: scale(1.15);
}

/*the smiths*/
.thesmiths{
  border: 2px solid #552436;
  transition: transform 0.5s ease;
}

.thesmiths:hover{
  transform: scale(1.15);
}

/*isaiah rashad*/
.isaiahrashad{
  border: 2px solid #B27861;
  transition: transform 0.5s ease;
}

.isaiahrashad:hover{
  transform: scale(1.15);
}

/*weezer*/
.weezer{
  border: 2px solid #1E1E14;
  transition: transform 0.5s ease;
}

.weezer:hover{
  transform: scale(1.15);
}

/*third eye blid*/
.thirdeyeblind{
  border: 2px solid #A57731;
  transition: transform 0.5s ease;
}

.thirdeyeblind:hover{
  transform: scale(1.15);
}