stylesheet.css

@import url('http://fonts.cdnfonts.com/css/gidole');

                

:root {
  font-family: 'Gidole';
  font-weight: 700;
  background-color: black;
}

.page {
  background-color: rgb(73, 65, 56);
  display: flex;
  flex-direction: column;
  justify-content: center;

}


.header {
  background-color: cornflowerblue;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.blank-div {
  color: cornflowerblue;
}


.title {
 font-size: 70px;
 color:beige;
}

.game {
  background-color: rgb(133, 166, 228);
  height: 800px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 80px;
}

.game > .icon {
  height: 100px;
  width: 180px;
}

#start {
  font-size: 60px;
  font-weight: 900;
  color: beige;
}

#start:hover {
  color: white;
}

.icon:hover {
  fill: azure;
}

.footer {
  background-color: cornflowerblue;
  height: 200px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  font-size: 50px;
  color: beige;
}