* {
	margin: auto ;
	padding: auto;
	box-sizing: border-box;
	font-family: sans-serif;
}
header {
	margin-top: 1vh;
    position: relative;
}
.logo img {
    max-width: 150vh;
}


  body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    background: linear-gradient(to bottom, #4B0082, #000000);
    color: #ffffff;
  }

.content
{
	color:#FFF;
	margin-top: 1vh;
	text-align: center;

}
.content h1{
font-size: 10vh;
color: #191970;
}
.content p{
	font-size: 35px;
	color: #FFF ;
	 margin-left: 5vh;
    margin-right: 5vh;
}



ul {
    list-style-type: disc;

}

li{
	margin-bottom: 5px;
	list-style-type: circle;
	font-size: 35px;

}

.photo {
    width: 30%;
    border-radius: 10px;
    overflow: hidden;
  }
  
  .photo img {
    width: 100%;
    height: auto;
    display: block;
  }

footer {
    background: linear-gradient(to bottom, #333, #555);
    color: #fff;
    text-align: center;
    padding: 5vh;
    position: relative;
    bottom: 0;
    width: 100%;
    opacity: 0.8;
}