body {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background-color: $light_gray;
}

main {
    width: 100vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    @media ($tablet) {
        margin-top: 12vh;
    }
}

.container {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
    position: relative;
    z-index: 1;
    padding: 4vh 5vw;
    max-width: 1640px;
    width: 100vw;
}

.full-block {
    width: 100%;
    background-color: white;
    padding: 2.5vh 5vw;
    position: relative;
    padding-bottom: 6vh;
    @media ($tablet) {
        padding: 3vh 3vw;
        padding-bottom: 8vh;
    }

  &::after {
    @include yellow-gradient-after;
  }
}