@import '../style/mixin';

.body-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-image: url('../../assets/player-bg.png') !important;
  background-size: 100%;
}

.player-border{
  position: absolute;
  left: calc((100% - 100vh * 1.36)/ 2);
  top: 5vh;
  right: calc((100% - 100vh * 1.36)/ 2);
  bottom: 5vh;
  text-align: center;
  // box-shadow: 0 2px 12px 0 rgba(0,0,0,.3);
  border-radius: 11px;
  border: 20px solid #23b1c2;
  background-color: #fff;
  overflow: hidden;
  color: #303133;
  transition: .3s;
}

.p-content {
  padding: 0vh 2vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.p-box {
  width: 1280px;
  height: 720px;
  left: 0;
  top: 0;
  transform-origin: top left;
  overflow: hidden;
}

.p-sentence {
@include k-no-select();
  text-align: left;
}
