/* background*/

.notfound{
  font-family: "Emilys Candy", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1.5px;
}
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: 400;
  font-style: normal;
}

/*scrollbar*/

/* width */
/* ::-webkit-scrollbar {
width: 10px;
height: 5px;
}*/

/* Track */
/*::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px white;
border-radius: 1px;
}*/

/* Handle */
/*::-webkit-scrollbar-thumb {
background: #5c422e;
border-radius: 3px;
}*/

/* 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; 
}

/*welcome block*/

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

/*if you want to find me block*/

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

/*intro block*/

.pageintro{
  padding: 10px 5px 2px 5px; /*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;
}

/*music section text*/

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

p6{
  font-family: 'Fathers', serif;
  font-size: 16px;
  line-height: 1.8 !important;
  text-align: center !important;
}

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

.albumwall{
  position: absolute; 
  top: 655px; 
  left: 299px;
  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);
}