@import url(https://fonts.googleapis.com/css?family=Raleway:400,700,800);*,*:after,*:before{-webkit-box-sizing:border-box;box-sizing:border-box}html{height:100%}body{height:100%;background:#fff;color:#111;font-family:'Raleway',Arial,sans-serif}#app{height:100%}a{color:#fff;text-decoration:none;&:hover,
  &:focus {
    color: #c94e50;
  }
}main{height:100%;padding:3em 2em;text-align:center;background:#b4bad2;overflow:auto}h1{font-weight:800;font-size:3.75em}.description{max-width:20em;margin:1.2em auto 1em;line-height:1.3em;font-weight:400}.demo-buttons{font-size:1em;max-width:1200px;margin:2em auto 3em;padding:0 10em;a {
    display: inline-block;
    margin: 0.75em;
    padding: 1.35em 1.1em;
    width: 15em;
    background: #fffce1;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 800;
    border-top-left-radius: 20px 50px;
    border-top-right-radius: 20px 50px;
    border-bottom-right-radius: 20px 50px;
    border-bottom-left-radius: 20px 50px;
    cursor: pointer;

    &.current-demo {
      background: #c94e50;
      color: #fffce1;
    }
  }
}.bm-burger-button{position:fixed;width:36px;height:30px;left:36px;top:36px}.side-button{display:inline-block;width:5em;height:2.5em;line-height:2.5em;cursor:pointer;background:#fffce1;text-transform:uppercase;letter-spacing:1px;font-size:.8em;font-weight:800;&.left {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }

  &.right {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }

  &.active {
    background: #c94e50;
    color: #fffce1;
  }
}.MuiListItem-button{color:#111!important}.MuiButtonBase-root{background-color:#f3f3f3!important}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size: calc(10px + 2vmin);color:#111}.App-link{color:#61dafb}@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}.Button{display:inline-block;width:auto;background:#00b4ec;border-radius:4px;padding:1rem 4rem;margin:.5rem 2rem;color:#fff;cursor:pointer}#addBtn,.add-button{display:inline-block;width:auto;background:#00b4ec;border-radius:4px;padding:1rem 4rem;margin:.5rem 2rem;color:#fff;cursor:pointer}main{height:100%;padding:56px 0;text-align:center;background:#b4bad2;overflow:auto}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}div#push{position:fixed;right:inherit;z-index:1100;width:300px;height:100%;transition:all .5s ease 0s}.bm-burger-button{position:fixed;width:36px;height:30px;left:36px;top:36px}@media screen and (max-width:40em){main{font-size:80%}h1{padding-top:1em;font-size:2.5em}.demo-buttons{max-width:900px;padding:0 2em}}//
// Burger menu custom styles
//
.bm-burger-button {position:fixed;width:36px;height:30px;left:36px;top:36px}.right .bm-burger-button{left:initial;right:36px}.bm-burger-bars{background:#373a47}.bm-morph-shape{fill:#373a47}.bm-menu{background:#373a47;a {
    color: #b8b7ad;

    &:hover,
    &:focus {
      color: #c94e50;
    }
  }
}.bm-item-list a{padding:.8em;span {
    margin-left: 10px;
    font-weight: 700;
  }
}.bm-item:focus{outline:none}//
// Mixins
//
.menu-1 {.bm-cross {
    background: #bdc3c7;
  }

  .bm-menu {
    padding: 2.5em 1.5em 0;
    font-size: 1.15em;
  }
}.menu-2{.bm-cross {
    background: #999;
  }

  .bm-menu {
    padding: 3.4em 1em 0;
  }

  a {
    padding: 1em;
  }

  i {
    font-size: 1.7em;
    vertical-align: middle;
    color: #282a35;
  }
}.menu-3{.bm-cross {
    background: #888;
  }

  .bm-menu {
    padding: 2em 1em;
    font-size: 1.15em;
  }

  i {
    opacity: 0.5;
  }

  span {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.75em;
  }
}.menu-4{.bm-cross {
    background: #888;
  }

  h2 {
    margin: 0 auto;
    padding: 2em 1em;
    color: rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);

    i {
      margin-left: 0.2em;
    }

    span {
      font-size: 1.6em;
      font-weight: 700;
    }
  }

  a {
    padding: 1em;
    text-transform: uppercase;
    transition: background 0.3s, box-shadow 0.3s;
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);

    span {
      letter-spacing: 1px;
      font-weight: 400;
    }

    &:hover,
    &:focus {
      background: rgba(0, 0, 0, 0.2);
      box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
      color: #b8b7ad;
    }
  }
}#slide,#stack,#reveal{.menu-1}#bubble,#push{.menu-2}#elastic{.menu-3}#scaleDown,#scaleRotate,#pushRotate,#fallDown{.menu-4}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}