:root {
  --bg-rose: #FFF9F8;
  --bg-bleu: #F2F9FD;
  --bg-vert: #EAFCF2;
  --bg-orange: #FCF3E8;
  --font-rose2: #FFF6F7;
  --font-rose: #FFAEA8;
  --font-bleu: #77BFE6;
  --font-vert: #61E39E;
  --font-orange: #DB8710;

  --padding: 20px;
  --margin: 40px;
  --space-elements: 15px;
  --megaspace: 80px;
}


/* ###################################################################################################
##
## CONTAINERS
##
################################################################################################### */
.container{
  max-width: 1600px;
  margin: 0 auto;
}

@media only screen and (min-width: 1000px) {
  :root {
    --padding: 40px;
    --margin: 60px;
    --space-elements: 30px;
    --megaspace: 120px;
  }
  .container{
    width: 90%;
  }
}

@media only screen and (min-width: 1480px) {

}

@media only screen and (min-width: 1620px) {

}


/*
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
*/