.message_container{
    transition: 100ms cubic-bezier(0.165, 0.84, 0.44, 1);
    position: absolute;
    z-index: 1;
    width: 100%;
    height: auto;
    background-color: hsl(210, 86%, 51%);
}
.message_container.err{
    background-color: hsl(0, 79%, 41%);
}
.message_container.warn{
    background-color: hsl(40, 71%, 53%);
}

/*i miss xp style button so */

@font-face {
    font-family: myTwelveFont;
    src: url("Roboto/static/Roboto-Medium.ttf");
  }

.btn.btn_close{
    float: right;
    position: relative;
    left: -12px;
    top: 10px;
    width: 30px;
    height: 30px;
    border: 2px solid hsl(0, 0%, 100%);
    background-color: hsl(0, 96%, 49%);
    color: hsl(0, 0%, 100%);
    font-family: myTwelveFont;
    font-size: 1.2rem;  
    transition: 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    cursor: pointer;
}

.btn.btn_close:hover{
    background-color: hsl(0, 89%, 44%);
}

.verbose_status{
    color: hsl(0, 0%, 100%);
    font-family: myTwelveFont;
    margin-left: 0.3em;
    margin-top: 0.2em;
    font-size:1.8rem;
}

.verbose_response{
    position: relative;
    top: -19px;
    color: hsl(0, 0%, 100%);
    font-family: mySecondFont;
    margin-left: 0.3em;
    margin-top: 1.6em;
    font-size: 1.1rem;
    line-height: 1.2rem;
    width: 85%;
}