/* background*/

body {
background: url("https://i.pinimg.com/1200x/02/d9/e2/02d9e2c604f9d91f956365d043c82ed5.jpg");
background-size: cover;
background-repeat: repeat;
background-color: black;
}

/* txt */
.emilys-candy-regular {
  font-family: "Emilys Candy", serif;
  font-weight: 100;
  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;

}


/* general blocks */

.div{
 display: block; 
}

/*welcome block*/

.welcomeblock{
 position: absolute;
 top: 100px;
 left: 300px;
}

/*if you want to find me block*/

.findmeblock{
  position: absolute;
  top: 100px;
  left: 1090px;
}

/*tile widget*/

.tilewidget{
  position: absolute;
 background: url("https://64.media.tumblr.com/76a857f76549e42b43c1b1d398cffa68/ccdb1d0d0c680a65-a0/s640x960/6f46d19460b2621a54fa90527bcb5152021564b0.jpg"); 
 top: 300px;
 left: 1090px;
 border-radius: 5px;
 border: 2px dotted #56412ee6;
}

.aboutme{
  Position: absolute; 
  top: 160px;
  left: 55px;
  border-radius: 5px;
  background: rgba(122, 56, 32,0.5);
}
.picofme{
  position: absolute;
  top: 200px;
  padding: 10px;
  border: 2px dotted pink;
}

.aboutmetext{
 position: absolute;
 top: 220px; 
 left: 20px;

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

.walltitle{
  left: 265px;
  border-radius: 5px;
  background: rgba(122, 56, 32,0.5);
  border: 2px dotted #5c422e;
}


/* album covers and their hovers*/

/*gym class heroes*/

.gymclassheroes{
  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 #AE9B85;
  transition: transform 0.5s ease;
}

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

/*weezer*/
.weezer{
  border: 2px solid #CCB178;
  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);
}