@import "~bulma/sass/utilities/initial-variables";
@import "~bulma/sass/utilities/functions";
@import "variables";
@import "~bulma/sass/utilities/derived-variables";
@import "~bulma";
@import "~buefy/src/scss/buefy";
@import "dark";
@import url('https://fonts.googleapis.com/css?family=Merriweather:300,400,400i,700&display=swap');

html {
    scrollbar-color: #404245 #2f3132;
    background-color: #2a2c2e;
    overflow: auto;
}

body {
    color: $white;
}

.modal-background {
    background: rgba($black, 0.6);
}

.modal-content {
    border: 1px solid rgba($primary, 0.4);
    box-shadow: 0 0 30px rgba($black, 0.3);
}

.modal-card-body {
    background: rgba($black, 0.7);
}

.modal-card-head,
.modal-card-foot {
    background: rgba($black, 0.9);
}


progress.progress {
    filter: invert(90%);
}