body {
  background: radial-gradient(circle at top center, rgb(33, 51, 61) 0%, rgb(10, 22, 28) 100%);
  margin: 0;
}

h1 {
  cursor: pointer;
  color: antiquewhite;
  margin: 0 auto;
  padding-top: 5vh;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 400;
  font-family: "Dancing Script";
  transition: 0.3s;
}
h1:hover {
  transform: scale(110%);
}

img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 5vh auto;
  box-shadow: -5px 0 5px antiquewhite;
}

div {
  display: flex;
  flex-direction: column;
  margin: 5 vh auto;
  height: 100vh;
}

q {
  color: antiquewhite;
  font-family: "Courier New", Courier, monospace;
  font-size: 1.2rem;
  margin: 5vh auto;
  max-width: 70vw;
}

p {
  font-size: 1.7rem;
  color: antiquewhite;
  font-family: "Dancing Script";
  text-align: right;
  margin-right: 0;
  max-width: 70vw;
}

@media (min-width: 760px) {
  h1 {
    font-size: 1.8rem;
  }
  q {
    font-size: 1.5rem;
  }
  p {
    font-size: 2rem;
  }
  img {
    width: 160px;
    height: 160px;
  }
}
.stars {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.stars::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5px;
  height: 1.5px;
  background: antiquewhite;
  animation: twinkle 3s linear infinite;
  box-shadow: 200px 100px antiquewhite, 800px 400px antiquewhite, 800px 100px antiquewhite, 600px 500px antiquewhite, 500px 250px antiquewhite, 700px 300px antiquewhite, 900px 400px antiquewhite, 450px 500px antiquewhite, 1200px 600px antiquewhite, 1020px 350px antiquewhite, 1100px 550px antiquewhite;
}

@keyframes twinkle {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.stars2 {
  position: fixed;
  top: 50px;
  left: 100px;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.stars2::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.7px;
  height: 1.7px;
  background: antiquewhite;
  animation: twinkle2 3.5s linear infinite;
  box-shadow: 200px 100px antiquewhite, 800px 400px antiquewhite, 800px 100px antiquewhite, 600px 500px antiquewhite, 500px 250px antiquewhite, 700px 300px antiquewhite, 900px 400px antiquewhite, 450px 500px antiquewhite, 1200px 600px antiquewhite, 1020px 350px antiquewhite, 1100px 550px antiquewhite;
}

@keyframes twinkle2 {
  0% {
    opacity: 0;
  }
  45% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}/*# sourceMappingURL=style.css.map */