@import url('https://fonts.googleapis.com/css2?family=Oxygen&display=swap');

body{
  margin: 0%;
  font-family: 'Oxygen', sans-serif;
  text-align: center;
  background-color: #201D1F;
}

.header{
  margin: 0%;
  color: white;
  position: fixed;
  width: 100%;
  z-index: 1;
}

.title{
  background-image: url('https://github.com/LilyyDev/WBSchoolProject/blob/main/titleBG.jpg?raw=true');
  background-size: cover;
  background-position: center;
  line-height: 400%;
  margin: 0%;
  position: absolute;
  top: 6%;
  width: 100%;
  color: white;
}

.title h1{
  font-size: 58px;
  padding-top: 2%;
}

.title h2{
  padding-bottom: 2%;
}

.content{
  position: absolute;
  background-color: #474044;
  width: 100%;
  top: 38%;
  color: white;
}

.content h1{
  font-size: 48px;
}

.content p{
  font-size: 18px;
}

ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #5F504B;
  font-size: 22px;
  }
  
li{
  float: left;
}
  
li a{
  color: white;
  display: block;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
  
li a:hover:not(.active){
  background-color: #A57F60;
}
  
.active{
  background-color: #A57F60;
}