body{
  margin: 0px;
  font-family: 'Open Sans', sans-serif;
  background: linear-gradient(180deg, rgba(255,255,255,0.03405112044817926) 71%, rgba(115, 255, 0, 0.171) 100%);
  
  min-height: 100vh; /* no minimo vai ocupar toda a viewport*/

}
#page{

  /*border: 1px solid red;*/
  margin: 0px auto;
  padding-top: 65px;
  
  width: 1000px;
}

nav{
  margin-bottom: 55px;
}

nav, ul{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

ul{
  gap: 48px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

ul , h1{
font-family: 'Mulish', sans-serif;
}

button{
  color: #fff;
  background-color: #69B99D;

  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;

  border: 0;
  border-radius: 4px;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;

  margin-top: 0px;
  padding: 14px 32px 15px 32px;
}

button:hover{
  background-color: #31775f;

}

ul li{
  color: #1F1534;
  font-size: 18px;
  font-weight: normal;
  line-height: normal;
}

section h1{

  width: 489px;
  height: 112px;

  color:  #1F1534;

  font-size: 49px;
  font-weight: normal;
  line-height: 56px;
  
}

section h1 strong{
  color: #89C5CC;
}

main{
  display: flex;
  justify-content: space-between; /*  ou  gap: 108px;   */
  align-items: center;

  margin: 59px auto 82px;

 /* border: 1px solid blue; */
}
/*
section{
  border: 1px solid rgb(229, 255, 0);
}

footer{
  border: 1px solid #7D7987;
}

*/
section p{
  width: 438px;
  height: 84px;

  color: #7D7987;
  margin: 40px 0px;
}

footer{
  margin-bottom: 0;

  color: #1F1534;
  text-align: center;
}

p , footer{
  font-size: 14px;
  font-weight: normal;
  line-height: 28px;
}

footer a{
  color: #000;
  font-weight: bold;
}

a{
  cursor: pointer;
}

ul li a{

  font-weight: bold;
  text-decoration: none;

  opacity: 0.5;
}

ul li a:hover{
  opacity: 1;
}

#balls{
  position: fixed;
  bottom: 0;
  right: 0;

}