p{
	font-family:"Russo One", sans-serif;
	color:white;
	font-size:20px;
}

a{
	font-family:"Russo One", sans-serif;
	color:white;
	font-size:18px;
}

h2{
	font-family:"Russo One", sans-serif;
	color:white;
}


h1{
	font-family:"Russo One", sans-serif;
	color:white;
}

body{
	background: repeating-linear-gradient(
		45deg,
		rgba(0, 0, 0, 0.2),
		rgba(0, 0, 0, 0.2) 10px,
		rgba(0, 0, 0, 0.3) 10px,
		rgba(0, 0, 0, 0.3) 20px
		),
		url('aboutbg.jpg');
	background-size:cover;
	background-attatchment:fixed;
}


hr{
	border-style:solid;
	border-color:#740000;
	border-width:5px;
}


#about-body{
	width:615px;
	padding:10px;
	color:white;
	background-color: #383838;
	
	border-width:10px;
	border-style:solid;
	border-color:#A40000;
	
}

.image2 {
  position: fixed;
  bottom: 690px;
  right: 1337px;
  width: 250px;
}

.photocard{
	width:400px;
	display:inline-block;
	background-image: repeating-linear-gradient(45deg, #5c5c5c 0, #5c5c5c 8.5px, transparent 0, transparent 50%);
	background-size: 32px 32px;
	background-color: #383838;
	
	border-width:10px;
	border-style:solid;
	border-color:#A40000;
	
	
}

#about-body, .photocard{
	display: inline-block;
	vertical-align:top;
}

	
/*.everything{
	margin: auto;
    padding: 70px 0;
	align:center; */
}




.content{
    display: flex;
    justify-content: center;
}

#banner{
	display:flex;
	justify-content:center;
}







a:hover {
	color:#e51e00;
	font-style:italic;
}








/*
the following is a music player widget made by mandem Girisboblog, shoutout vro
*/

  lol {}
  
  lol,
  .img2 {
    /* album's cover image u can change the size! */
    position: relative;
    width: 250px;
    height: 250px;
    background-color: black;
    color: black;
    z-index: 999;
	
	
	margin-left:-11px;
	
  }

  .img1 {
    /* cd image u can change the size too */
    position: absolute;
    width:auto;
    height:90px;
    left: 65px;
    z-index: 800;
    -webkit-animation: spin 2s linear infinite;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
  }

  .img1 hover {
    cursor: help;
  }

  @-moz-keyframes spin {
    100% {
      -moz-transform: rotate(360deg);
    }
  }

  @-webkit-keyframes spin {
    100% {
      -webkit-transform: rotate(360deg);
    }
  }

  @keyframes spin {
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

  .img1:hover {
    /* this makes the cd stop spinning when hovering! */
    -webkit-animation: pop 0.3s ease;
  }

/* thanks again, lad */









.copyButton {
 width: 88px; /* this controls the width of the box */
font-size: 10px; /* this controls the font size */
    /* you can also set a background color and text color here */
background-color: black;
color: #e51e00;
height:21px;
margin-bottom:10px;

}

#no_box{
	color:White;
}