@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700");
@keyframes spinAround {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.notification:not(:last-child) {
  margin-bottom: 1.5rem; }

@keyframes spinAround {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.notification:not(:last-child) {
  margin-bottom: 1.5rem; }

.notification {
  background-color: #FAFAFA;
  border-radius: 4px;
  padding: 1.25rem 2.5rem 1.25rem 1.5rem;
  position: relative; }
  .notification a:not(.button) {
    color: currentColor;
    text-decoration: underline; }
  .notification strong {
    color: currentColor; }
  .notification code,
  .notification pre {
    background: white; }
  .notification pre code {
    background: transparent; }
  .notification > .delete {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem; }
  .notification .title,
  .notification .subtitle,
  .notification .content {
    color: currentColor; }
  .notification.is-white {
    background-color: white;
    color: #0a0a0a; }
  .notification.is-black {
    background-color: #0a0a0a;
    color: white; }
  .notification.is-light {
    background-color: #EEEEEE;
    color: #C1C4C6; }
  .notification.is-dark {
    background-color: #C1C4C6;
    color: #EEEEEE; }
  .notification.is-primary {
    background-color: #F2544C;
    color: #fff; }
  .notification.is-link {
    background-color: #007BFF;
    color: #fff; }
  .notification.is-info {
    background-color: #4A90E2;
    color: #fff; }
  .notification.is-success {
    background-color: #01C851;
    color: #fff; }
  .notification.is-warning {
    background-color: #FFD806;
    color: rgba(0, 0, 0, 0.7); }
  .notification.is-danger {
    background-color: #FF3366;
    color: #fff; }