.alert{
    top:5%;
  	z-index: 10;
    position: absolute;
    max-width:50%;
    margin:20px auto;
    padding:30px;
  -webkit-border-radius:5px;
    border-radius:5px;
  -webkit-box-shadow:0 0 10px 2px #2d394744;
    box-shadow:0 0 10px 2px #2d394744;
    display: none;
    border-left: 5px solid;
    transition: all 500ms;
  -webkit-transition: all 500ms;
  }
  
  .alert.active {
  	display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-opacity: .9;
    opacity: .9;
  }
.alert.blend {
  -webkit-opacity: 0;
	opacity: 0;
}

  .success-alert {
    background-color: #a8f0c6;
    border-color: #1b713f;
  }
  .danger-alert {
    background-color: #f7a7a3;
    border-color: #bd514b;
  }