.center{
  display:flex;
  justify-content: center;
  align-items: center;
}

.main{
  width: 100%;
  height: 100vh;
}

.iconButton{
  width: 65px;
  height: 65px;
  margin: 5% auto;
  cursor: pointer;
  border-radius: 50px;
  transition: all .4s;
}

.iconButtonSerre{
  font-size: 140px;
  margin: 50% auto;
}

.iconButton:nth-child(1):hover{
  box-shadow: 0px 0px 17px 10px #cc0000;
}

.iconButton:nth-child(2):hover{
  box-shadow: 0px 0px 17px 10px	#40E0D0;
}

.iconButton:nth-child(3):hover{
  box-shadow: 0px 0px 17px 10px #ffa500;
}

.iconButton:nth-child(4):hover{
  box-shadow: 0px 0px 17px 10px #0269f0;
}


.fa-temperature-high{
  color: #cc0000;
}

.fa-tint{
  color: #40E0D0;
}

.fa-cloud-sun{
  color: #ffa500;
}

.fa-water{
  color: #0269f0;
}

.fa-home{
  color: #0269f0;
}

@media screen and (max-width: 900px) {
  .iconButton{
    margin-left: 20%;
  }
}