html {
  font-size: 62.5%; }
  html *::after,
  html *::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box; }
  html body {
    font-family: "Inter", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    margin: 0;
    line-height: 1.7;
    background-color: #f7f7f7; }

.yt-vid {
  width: 100%;
  height: 600px;
  position: relative;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7); }

.vid-border {
  position: absolute;
  width: 80%;
  top: 3%;
  left: 10.5%;
  bottom: 0%;
  right: 0%;
  background: none; }

.play-button {
  cursor: pointer;
  transition: all 0.5s; }
  .play-button:hover {
    transform: scale(1.05); }

.stop-button {
  cursor: pointer;
  transition: all 0.5s; }
  .stop-button:hover {
    transform: scale(1.05); }