body{
  background-image:url(https://sewerimages.carrd.co/assets/images/image01.jpg?v=8ebb8237);
  overflow:scroll;
 }
 
 .title{
   background-image:url(https://neocities.org/site_thumbnails/39/50/sewerpipes/SewerPipes_Imgs/MetalTitle2.jpg.210x158.webp);
   background-repeat:repeat;
  text-align:center;
   background-size:contain;
   width:800px;
   height:150px;
   z-index: 1;
   border:solid;
   margin: 0 auto;
 }
 
 #logo{
   margin-top:3%;
   text-align:center;
   z-index: 1;
   -webkit-animation: pop 1s ease-in-out infinite alternate;
-moz-animation: pop 1s ease-in-out infinite alternate;
animation: pop 1s ease-in-out infinite alternate;
}

@keyframes pop {
from { transform:scale(0.95) }
50% { transform:scale(1) }
to { transform:scale(0.95) }
}

@-webkit-keyframes pop {
from { -webkit-transform:scale(0.95) }
50% { -webkit-transform:scale(1) }
to { -webkit-transform:scale(0.95) }
 }
 
 #name{
   margin-top:-2%;
  font-family: Metropolitan;
  font-size: 1.5em;
  -webkit-text-stroke: 1px #752929;
  color: #4F0202;
  z-index:1;
}

#fish{
  margin-left:20%;
  margin-top:-14%;
  /*margin-bottom:2%;*/
  /*width:10px;*/
}

#grOne{
  z-index:3;
  margin-left:-30%;
  margin-bottom:60%;
}

#grTwo{
  z-index:3;
 margin-top:60%;
 margin-left:-30%;
}

.ibG, .in{ box-sizing: border-box;}

.ibG{
  /*this is the metal background image of the intro */
 margin-left:16%;
  margin-top:-98%;
background-image: url("https://sewerpipes.neocities.org/SewerPipes_Imgs/IntroBg1.jpg");
background-repeat: repeat;
background-size:cover;
padding:12px; /* make number bigger/smaller for a bigger/smaller border */
height: 200px;
width:600px;
border:1px solid black;
top:0em;
z-index: 1;
}

.in {
  /*this is the grey background color of my intro*/
font-family:ZombieTai;
background: #7A7A7A;
padding:10px;
border:1px solid black;
height:fit-content; /* set height to "height:fit-content;" to expand with text size */
width:575px;
overflow-y:auto; /* remove overflow if you don't want a scroll */
line-height: 1.125em; 
 box-shadow: inset 0 0 10px #171717;
}

.intro{
  /*this is where i wrote the text*/
   font-family: ZombieTai;
  background: #7A7A7A;
  -webkit-text-stroke: 1px black;
  text-align: center;
  font-size: 1.5em;
  z-index: 2;
  margin-bottom:3%;
}

.social { box-sizing: border-box;}
.social{
  z-index:1;
  position: relative;
  background-image: url("https://sewerpipes.neocities.org/SewerPipes_Imgs/IntroBg1.jpg");
  width:170px;
  height:500px;
  border: 1px solid black;
  top:0em;
  padding: 5px;
  margin-left: 10%;
  margin-top:5%;
}


.bC{ 
  /*this is the brain img*/
  background-image:url("https://sewerimages.carrd.co/assets/images/image03.jpg?v=8ebb8237");
  width: 930px;
  height:830px;
  z-index: -1;
  margin:0 auto;
  margin-top:2%;
  position:relative;
}

.mC{
  /*this is the rusty img*/
  background-image:url("https://sewerpipes.neocities.org/SewerPipes_Imgs/photo-1523447704114-37cea08ee064.avif");
  background-repeat:repeat;
  width:900px;
  height:800px;
  z-index: 1;
  border:solid;
  margin: 0 auto;
  margin-top:-1%;
  position:relative;
}