.navbar {
    display: flex;
    justify-content: space-between;
    min-height: unset;
    height: 2.5rem;
}

.navbar .navbar-menu {
    flex-grow: initial;
    flex-shrink: initial;
}

.navbar-brand {
    min-height: unset;
    height: 2.5rem;
}

.iframe {
    margin: 0px;
    padding: 0px;
    height: 100%;
    border: none;
    display: block;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.iframe-container {
    width: 100%;
    height: 100%;
    border: 0;
    flex: 1 1 auto;
    display: flex; /* new */
}

.menu {
  position: sticky;
  display: inline-block;
  vertical-align: top;
  max-height: 50vh;
  overflow-y: auto;
  width: 200px;
  top: 3.25rem;
  bottom: 0;
  padding: 30px;
}

.content {
  display: inline-block;
}

.songProgress {
    position: relative;
    z-index: 0;
    top:4px;
}

.songName {
    position: relative;
    z-index: 30;
    top:-41px;
    left:4px;
}

 .progress.is-song::-webkit-progress-value {
    background-color:rgba(56,61,71, 1.0) !important;
  }

  .progress.is-song::-moz-progress-bar {
    background-color:rgba(56,61,71, 1.0) !important;
  }

  .progress.is-song::-ms-fill {
    background-color:rgba(56,61,71, 1.0) !important;
  }

  .progress.is-song:indeterminate {
    background-image: linear-gradient(to right, rgba(56,61,71, 1.0) 30%, #ededed 30%) !important;
  }

  .has-image-centered {
    display: flex;
    justify-content: center;
}

:root {
  --bulma-primary-h: 188deg;
  --bulma-primary-l: 34%;
  --bulma-link-s: 71%;
  --bulma-link-l: 59%;
  --bulma-info-h: 36deg;
  --bulma-info-s: 65%;
  --bulma-info-l: 52%;
  --bulma-success-s: 61%;
  --bulma-warning-s: 79%;
  --bulma-warning-l: 48%;
  --bulma-danger-s: 61%;
  --bulma-danger-l: 53%;
}