/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

.btn {
  text-align: center;
  width: 250px;
  margin: 5px auto;
  display: block;
}






/*
  BASIC NOTIFICATIONS
*/

.notify {
  width: 100%;
  z-index: 5000;
}

.left-notify {
  position: absolute;
  top: 10px;
  left: 50px;
}

.right-notify {
  position: absolute;
  top: 10px;
  right: 50px;
}






/*
  FULL WIDTH NOTIFICATION
*/
.full-notify {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 5000;
}