body{
  background-color: purple;
  background-image: url(/jazz/assets/background.jpg);
  font-family: 'Gnuolane Rg';
}

p{
  padding: 0px 20px;
}

.vidborder {
  width: 1024px;
  height: 576px;
  border-radius: 4px;
  background-color: transparent;
  border: 6px outset #FF3D90;
}

.textborder {
   border-image-slice: 27 27 27 27;
  border-image-width: 20px 20px 20px 20px;
  border-image-outset: 0px 0px 0px 0px;
  border-image-repeat: stretch stretch;
  border-image-source: url("/jazz/assets/border.png");
  border-style: solid;
  background: purple;
  background-image: url(/jazz/assets/bgimage.png);
  color: white;
  animation: fadeInAnimation ease 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@font-face {
    font-family: 'Gnuolane Rg';
    src: url('/jazz/assets/GnuolaneRg-Regular.woff2') format('woff2'),
        url('/jazz/assets/GnuolaneRg-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}