.input-output-areas {
    height: 70vh !important;
    resize: none;
}

@media (max-width: 992px) {
    .input-output-areas {
        height: 40vh !important;
        resize: none;
    }
}

.toast-container {
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 1050;
}

md-block img {
    width: 100%;
}

header .navbar {
    background-color: rgba(0, 0, 0, 0.5) !important;
}
header .navbar .navbar-brand {
    color: rgba(255, 255, 255, 1) !important;
}

textarea.form-control {
    background-color: rgba(255, 255, 255, 0.8) !important;
    color: #000;
}