@import "settings.colors";

@import "mixins/settings.fonts";
@import "mixins/tools.mixins";

header {
  background-color: #afdce4;
  padding: rem(20);
}

.l-grid {
  margin: rem(10) auto;
  width: 100%;
  min-height: rem(400);
  max-width: rem(1000);
}

.l-grid-content {
  padding: rem(50);
  background-color: #c2e4af;
}

.l-grid-sidebar {
  padding: rem(50);
  background-color: #eecdce;
}

.c-card {
  background: #fff;
}

.c-sidebar {
  border: 1px solid $color-grey-300;
  padding: rem(20);
}
.c-sidebar2 {
  border: 1px solid $color-grey-300;
  padding: rem(20);
}

footer {
  background: #afb6e4;
  padding: rem(20);
}
