@import url(_reset.css);
@import url(_variables.css);

body {
    background-color: var(--secundary-color);
    color: var(--contrast-dark-color);
    font-family: var(--font-family);
    overflow-x: hidden;
  }
  
  .container {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  
  .flex {
    display: flex;
  }
  
  .flex--center {
    align-items: center;
    justify-content: center;
  }
  
  .flex--column {
    flex-direction: column;
  }
  
  @media (min-width: 800px) {
    .container {
      padding-right: 2.5rem;
      padding-left: 2.5rem;
    }
  }
  
  @media (min-width: 1200px) {
    .container {
      padding-left: calc((100vw - 900px) / 2);
      padding-right: calc((100vw - 900px) / 2);
    }
  }