.error {
  margin-block: 100px;
}

.error-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.error-content-top {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.error-content-top-img-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.error-text-title {
  font-family: var(--semibold);
  line-height: 110%;
  font-size: 60px;
  color: var(--accent-bg);
  transform: scale(0);
  animation: scaleIn 0.5s forwards;
}

.error-text-title:nth-child(1) {
  animation-delay: 0.3s;
}

.error-text-title:nth-child(2) {
  animation-delay: 0.6s;
}

.error-text-title:nth-child(3) {
  animation-delay: 0.9s;
}

.error-content-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.error-text-box {
  display: flex;
  flex-direction: column;
  margin-block: 25px;
}

.error-text-box .text {
  text-align: center;
}

.error__box-btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}




@media (min-width:1200px) {
  .error {
    margin-block: 150px;
  }

  .error-text-title {
    font-size: 300px;
  }

  .error-text-box{
    margin-bottom: 40px;
  }

}


@keyframes scaleIn {
  from {
    transform: scale(0);
    opacity: 0;
  }

  to {
    transform: scale(1);
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}