@import './base.css';

body {
  overflow: hidden;
  background-color: black;
  scrollbar-width: none;
}

@font-face {
  font-family: a_OldTyper;
  src: url('@/assets/a_OldTyper.ttf');
}

@font-face {
  font-family: main;
  src: url('@/assets/main.ttf');
}

.center-message {
  display: flex;
  justify-content: center; /* горизонтальное центрирование */
  align-items: center;    /* вертикальное центрирование */
  height: calc(100dvh - 100px);
  text-align: center;     /* центрирование текста */
}

@media (min-width: 1025px) {
  .center-block-custom {
    width: 700px;
    margin: 0 auto;
  }
}

.center-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.controller-metal {
  width: 30px;
  height: calc(100% + 2px);
  position: absolute;
  top: -1px;
}

.controller-metal-left {
  left: -15px;
}

.controller-metal-right {
  right: -15px;
}
