/* Fonts :
  Josefin Sans
  Roboto
  Hind
*/

/* Color Palette
 #BFBDC1 Pale Slate
 #484041 Deep Mocha
 #FB3640 Strawberry Red
 #F3B700 Amber Gold
 #E59500 Golden Orange
*/


html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
  background-color: #F3B700;

  height: 100%;

}

body{
  margin: 0;
  background: url("../img/eggpattern.png") repeat 0 0;
  background-size: 50%;

}

div.wrapper{
  max-width: 1200px;
  width: 1200px;
  margin: auto;
  max-height: 100%;
  height: 90vh;

  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;

}

nav{
  background-color: #484041;

}

nav ul{
  display: flex;
  gap: 30px;
  list-style-type: none ;
  justify-content: space-around;
  padding: 20px 200px;
  margin: 0;

}

nav ul a {
  color : #BFBDC1;
  text-decoration: none;
  font-size: 32px;
  font-weight: 500;
  font-family: Hind,sans-serif ;
}

nav ul li{
  padding-top: 2px;
  height: 50px;
}

nav img{
  height: 80px;
  margin-top: -20px;
}

h1{
  font-family: "Josefin Sans"  , sans-serif;
  font-weight: 700;
  font-size: 62px;
  text-align: center;
  margin: 0;
}

h2{
  font-family: "Roboto"  , sans-serif;
  font-weight: 700;
  font-size: 28px;
  text-align: center;
  margin: 0;
}

p.construction{
  font-family: "Hind"  , sans-serif;
  font-weight: 300;
  font-size: 22px;
  text-align: center;
  margin: 20px 0 0;
  font-style: italic;
}

div.slogan{
  background-color: #E59500;
  padding: 100px;
  height: 350px;
  width: 50%;
  border-radius: 100%;
  margin: 100px auto;
  align-content: center;

  border: 10px #484041 solid;

}

.clientList{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  padding-top: 15px;
}

.client a{
  color: #222222;
  font-size: 20px;
  font-weight: 700;
  font-family: "Josefin Sans" , sans-serif;
}