body {
  padding:0px;
  background: url("../images/goatimg-ab67616d0000b273f0399ebbb63adcc4914755b5.jpg");
  background-size:250px;
  background-attachment:fixed;
  font-family:Sans-serif;
  font-weight:bold;
  }




main {
  background:url("../images/goatimg-istockphoto-946853908-612x612.jpg");
   box-shadow: 7px 7px 9px #FF69B4, -7px -7px 9px #FF69B4;
  margin-left:100px;
  width:700px;
  padding:10px;
  height:100%;
  position:fixed;
  }

#goat {
  position:absolute;
  z-index:100;
  filter:drop-shadow(0 0.5px 0 white) drop-shadow(0 0.5px 0 white) drop-shadow(0 0.5px 0.5px white) drop-shadow(0 0.5px 1px white) drop-shadow(0.5px 0.5px 1px white);
margin-left:-15px;
  }

#header {
  
  width:639px;
  

  }
#caption { color:white;
  background:#FF69B4;
  padding:5px;
  width:629px; 
font-weight:lighter;
  }

#content {
  padding:20px;
  height:92%;
border: solid 2px #FF69B4;
  }

#whatever {
overflow:hidden;
  height:92%;
  }

#nav {
  background:#FF69B4;
  padding:5px;
  width:630px; 
  height:20px;
  overflow:hidden; 
  text-align:right;
  margin-right:20px;
  color:white;
  }
  
#exlinks {

  background:#FF69B4;
  padding:5px;

  height:20px;
  overflow:hidden; 
  text-align:right;
 margin-top:5px;

  }
  
 #exlinks a:hover{
    color:lightgray;
  } 
  
#exlinkstuff {
  display:none;

  text-align:right;
  right:0;
  margin-right:48px;
  margin-top:7px;

  }

#nav:hover #exlinkstuff{ 
display:block;
position:absolute;

}

.tablinks {
  border:none;
  background:none;
  color:white;
  text-align:left;
margin-right:-2px;
  }

.tablinks:hover {
    color:lightgray;
  }

a {
  color:#FF69B4;

  }


#nav a {
  color:white;
  text-align:left;
  text-decoration:none;
  }

.tabcontent {
  height:100%;
  overflow-y:scroll;
     display: none;
   
  } 

#collapsiblelyr {
  border:none;
  background:none;
  font-size:16px;
  }


.contenttt {
  font-weight:lighter;
  display: none;
}

#key {
 background: linear-gradient(90deg,lightgray 0%,  lightgray 20%,#FF69B4 50%,lightgray 80%);  
border:none;
  overflow:hidden; 

width:610px;
  color:lightgray;
  }
  
#resources {
    font-weight:lighter;
  }  
  
  #resources a {
    font-weight:bold;
  }
#resources img {
   float:left;
   width:96px;
   margin-right:5px;
  }  
.sourceh2 {
  width:590px;
  background: linear-gradient(90deg,#FF69B4 0%,  gray 20%, lightgray 80%, rgb(255, 255, 255, 0) 90%);  
border:none;
color:lightgray;
margin-bottom:5px;
padding-left:3px;
  }  

#manish {
  float:left; 
  margin-right:10px;
  width:350px;
  }

.lyricpic { width: 300px;}

@media only screen and (max-width: 900px) {
  main {margin-left:20px; height:1400px;}
 
#content {height:1350px;}
.tabcontent {height:1300px;}
  }  
  
#sheet { 
height:88%;
  width:100%;
  }


#lyricpage { 
  height:120%;
  width:630px;
  border:none;
  }