@font-face {
  font-family: "Dashing";
  src: url("../font/Dashing-PersonalUse.otf") format("opentype");
}

@font-face {
  font-family: "Beckman";
  src: url("../font/Beckman-FREE.otf") format("opentype");
}

/* body { */
/* background-image: url("../img/background-prestacia.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; */
/* height: 100rm;
  width: 100rm; */
/* padding: 1%; */
/* background-color: antiquewhite; */
/* position: relative; */
/* } */
body {
  overflow: hidden;
  height: 98vh;
  background-image: url("../img/background.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.container {
  padding: 1%;
  height: 95%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
header {
  display: flex;
  padding: 0.5rem;
  justify-content: space-between;
  align-items: start;
}
header a {
  font-family: "Beckman";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.04em;
  /* text-decoration: ; */
  color: white;
    text-decoration:none;

}

.socialMedia {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
main {
  display: flex;
  justify-content: center;
  color: white;
  font-family: "Beckman";
  font-size: xx-large;
  letter-spacing: 0.8rem;
  text-transform: uppercase;
  text-align: center;
}
main p {
  font-size: 3rem;
}
main .firstDiv {
  display: flex;
  justify-content: center;
  gap: 4rem;
}
.circle {
  animation: rotate 3s linear infinite;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 768px) {
  main p {
    font-size: 2rem;
  }
  main .firstDiv {
    gap: 2rem;
  }
  main .firstDiv {
    flex-direction: column;
    gap: 2rem;
  }
  main .firstDiv img {
    width: 35px;
    height: 35px;
  }
  .i {
    width: 5px !important;
  }
  .logo {
    width: 80px;
  }
  main {
    letter-spacing: 0.2rem;
  }
  .socialMedia {
    gap: 0.5rem;
  }
  .socialMedia img {
    width: 30px;
  }
  .phone {
    font-size: 15px;
  }
}