@import "variables";
@import "navbar";
@import "front-layout";
@import "zod-side-nav";
@import "menu-icon";
@import "elements/index";

.zod-style-bg {
  padding: 2rem 3rem;
  position: absolute;
  height: 100%;
  top: 0;
  z-index: 1;

  background-color: $default-red;

  &.top-right {
    width: 50%;
    right: 0;
    border-top-left-radius: 50%;
  }

  &.top-left {
    width: 50%;
    left: 0;
    border-top-right-radius: 50%;
  }

  &.bottom-right {
    width: 50%;
    right: 0;
    border-bottom-left-radius: 50%;
  }

  &.bottom-left {
    width: 50%;
    left: 0;
    border-bottom-right-radius: 50%;
  }

}