.blend-screen { mix-blend-mode: screen }

.mh-340 { max-height: 340px }
.mh-100vh { min-height: 100vh }

.hidden { display: none }

.horizontal-center { left: 50% }
.vertical-center { top: 50% }

.lh-normal { line-height: normal }
.lh-55 { line-height: 55px }
.lh-60 { line-height: 60px }

.transform-horizontal-center { transform: translateX(-50%) }
.transform-vertical-center { transform: translateY(-50%) }
.transform-center { transform: translate(-50%, -50%) }

@media (max-width: 640px) {
  .sm-min-height-none { min-height: 0 }

  .sm-mh-none { max-height: none }

  .sm-transform-horizontal-center { transform: translate(-50%, 0) }
  .sm-transform-none { transform: none }
}

.height-100-vh { height: 100vh }
.height-100-p { height: 100% }

.font-middlebeat { font-family: "Conv_Middle Beat" }