body {
  background-image: url(https://repositoryofthings.neocities.org/images/dark-home-background.png);
background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
} 



.banner { display: block;
margin-left: auto;
margin-right: auto;
margin-top: 40px;}
	
	
a:link, a:visited { color:#0F3530;
text-decoration: none;
  }

a:hover, a:active { color:#C6FAF5
  
  }



@font-face { font-family: 'Newspaper-Type';
src: url('fonts/newspapertype.ttf');
}

@font-face {font-family: 'Primer';
src: url('fonts/IMFellGPrimer.ttf')
}

.box {background: linear-gradient(0deg,rgba(40, 255, 187, 1) 28%, rgba(0, 224, 232, 1) 100%);
  opacity:80%;
  border-radius: 3% ;
  margin-top: 100px;
  display: block;
margin-left: auto;
  margin-right: auto;
  width: 900px;
 height: 850px;
 overflow: auto;

}



.sideImageLeft {
margin-top: 20px;
margin-left: 10px;
float:left;
  }

.sideImageRight {
  
margin-top: 20px;
margin-right: 10px;
float:right;
  }


#buttonParent {white-space:nowrap;
}


.buttontextStyle  {font-family: Newspaper-Type;
color:#0F3530;
text-align:center;

}

.buttonOne { background-color: #0ABCAC;
width: 100px;
height: 30px;
border-style: solid;
display:inline-block;
margin-top:30px;
margin-left:45px;
border-radius: 10%;	
	
}

.buttonTwo {background-color:#01FFE1 ;
width: 100px;
height: 30px;
border-style: solid;
display:inline-block;
margin-top:30px;
margin-left:15px;
border-radius: 10%;	
       
}

.buttonThree {background-color: #0ABCAC;
width: 100px;
height: 30px;
border-style: solid;
display:inline-block;
margin-top:30px;
margin-left:15px;
border-radius: 10%;	
       
}

.buttonFour {background-color: #01FFE1;
width: 100px;
height: 30px;
border-style: solid;
display:inline-block;
margin-top:30px;
margin-left:15px;
border-radius: 10%;	
       
}



.maintext { font-family: Primer;
margin-top: 60px;
margin-right:190px;
margin-left:190px;
text-align:justify;
font-size: 18px;
	}