body {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  min-height: 100vh;
}

#wrapper {
  flex: 1;
}

#main {
  margin: 2vh 0;
}

#notifications {
  overflow: hidden;
  position: fixed;
  right: 0;
  z-index: 100;
}

#notifications-column {
  width: 100%;
  margin: 5% 0 0 auto;
}

.notification-slide-from-right {
  position: relative;
  animation-name: slideFromRight;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  transition: all 1s ease-out;
  margin-right: 5%;
}

@keyframes slideFromRight {
  from {
    opacity: 0;
    transform: translateX(100%);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

// .loader {
//   width: 48px;
//   height: 48px;
//   border: 5px solid black;
//   border-bottom-color: transparent;
//   border-radius: 50%;
//   display: inline-block;
//   box-sizing: border-box;
//   animation: rotation 1s linear infinite;
// }