styling.css

body,html
{
	background-color: rgb(0, 0, 0);
}
header
{
	background-color: rgba(6, 21, 83, 0.689);
	padding-top: 10px;
	height:130px;
	top:0;
	width: 100%;
	left:0;
	position: fixed;
}
section
{
	width: 100%;
	height:250vh;
	margin-top: 130px;
	background-image: url(../images/BG2.jpg);
	background-size: contain;
	text-align: center;
	padding-top: 3%;
	background-attachment: local;
}
div
{
	/* background-color: rgba(49,132,155,0.7); */
	margin-left: 5vw;
	width:90vw;
    font-family: 'Bree Serif', serif;
    color: rgb(255, 255, 255);
    text-shadow: 200px 200px 200px black;
}
article
{
	/* background-color: rgba(49,132,155,0.6); */
	margin-left: 5vw;
	width:90vw;
	height: 210vh;
	color: white;
	font-family: cursive;
	font-size: xx-large;
}
button
{
	background-color: #000000;
  	color: white;
  	padding: 20px;
  	text-align: center;
  	font-size: 18px;
  	margin-left: 10vw;
  	margin-right: 10vw; 
  	margin-top: 5vh;
  	cursor: pointer;
  	border-radius: 15px;
    font-family: 'Bree Serif', serif;
}
button:hover 
{
	background-color: #ffffff;
    color: #000000;
}
h1
{
	margin-top: 0;
}
p
{
	margin-left:10vw;
	text-align:justify;
}
#header
{
	margin-left: 20vw;
}
#logo
{
	float:left;
	margin-left: 20px;
}
.content
{
    width: 40%;
  	padding: 12px 20px;
  	margin: 8px 0;
  	box-sizing: border-box;
}
.new
{
	background-color: #4CAF50;
  	color: white;
  	padding: 20px;
  	text-align: center;
  	font-size: 18px;
  	margin-right: 10vw; 
  	margin-top: 5vh;
  	cursor: pointer;
  	border-radius: 15px;
}
.new:hover 
{
	background-color: #4ccf50;
}