@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@500&display=swap');

body {
  
}
#customFont {
  font-family: 'Great Vibes', cursive;
  /* color: white; */
  font-size: 45px;
  font-weight: 200;
  text-align: center;
  letter-spacing: 4px;
}

#customFontP {
  font-family: 'Great Vibes', cursive;
  color: darkgreen;
  font-size: 28px;
  line-height: 0px;
}

.container {
  height: 1600px;
  padding-top: 10px;
  /* padding-left: 40px; */
  background: #325a96;
} 

.container>h1 {
  color: white;
  font-style: italic;
}

.page-content-top {
  /* border: 1px solid white; */
  margin: auto;
  width: 90%;
  padding: 0px 30px;
  display: flex;
}

.page-content-top .div-left {
  width: 300px;
}

.page-content-top .div-left>p {
  color: white;
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 6px;
  font-weight: 100;
  line-height: 30px;
}

.page-content-bottom {
  /* border: 1px solid white; */
  margin: auto;
  width: 90%;
  padding: 0px 30px;
  display: flex;
}

.page-content-bottom .div-right>p {
  color: white;
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 6px;
  font-weight: 100;
  line-height: 30px;
}

.div-right {
  float: right;
}

.title h2 {
  color: #000;
  font-family: 'Great Vibes', cursive;
  font-size: 35px;
  letter-spacing: 4px;
   margin-top: 60px;
}

#homePic {
  margin-top: 40px;
  border-radius: 5px;
}

.home-text {
  line-height: 1.5;
  /* margin: 10px auto; */
  /* width: 300px; */
  color:#000;

}