happier

background-color: #ffec63;}
/** CSS By Austin (638877683) **/
html {
  font-size: 18px;
}
body {
  font-family: 'Questrial', sans-serif;
  background-image: linear-gradient(
      45deg,
      #ffd966 25%,
      transparent 25%,
      transparent 75%,
      #ffd966 75%,
      #ffd966
    ),
    linear-gradient(
      -45deg,
      #ffd966 25%,
      transparent 25%,
      transparent 75%,
      #ffd966 75%,
      #ffd966
    );
  background-size: 60px 60px;
  background-position: 0 0;
  animation: slide 4s infinite linear;
}

@keyframes slide {
  from {
    background-position: 0 0;
  }

  to {
    background-position: -120px 60px;
  }
}

.modal {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
/*   padding: 1.6rem 3rem; */
  border: 3px solid black;
  border-radius: 5px;
  background: white;
  box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.2);
}
.message {
  font-size:1.1rem;
  margin-bottom: 1.6rem;
  margin-top: 1.6rem; /* 0 */
}
.btn {
    font-family:inherit;
  font-size: inherit;
  background: white;
  padding: 0.3rem 3.4rem;
  border: 3px solid black;
  margin-right: 2.6rem;
  box-shadow: 0 0 0 black;
  transition: all 0.2s;
}

.btn:last-child {
  margin: 0;
}

.btn:hover {
  box-shadow: 0.4rem 0.4rem 0 black;
  transform: translate(-0.4rem, -0.4rem);
}

.btn:active {
  box-shadow: 0 0 0 black;
  transform: translate(0, 0);
}

.options {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 1.6rem;
}

.options a {
  color: inherit;
  text-decoration: none;
}

*{;

[font:Questrial]
<div class="modal">
[youtube:640:360:m7Bc3pLyij0:autoplay=1&playlist=m7Bc3pLyij0&loop=1&showinfo=0&rel=0&modestbranding=1]
 <p class="message">Contact me</p>
 <div class="options">
 <a href="https://discord.gg/uWBdr7R" class="btn">Discord</a>
 <a href="https://forum.xat.com/profile/37256/" class="btn">Forum</a>
 </div>
</div>