// Style.scss => Style.css
// Navbar
#navbar {
  height: 8vh;
}
  #logo {
    height: 120px;
    width: auto;
    z-index: 10;
  }

  @media (max-width: 400px) {
    #logo {
      height: 60px; /* уменьшим логотип на маленьких экранах */
    }
    #navbar {
      .nav-link {
        font-weight: 300 !important;
      }
    }
  }
  
//  Section
#input {
  #link {
    outline: none;
    border: none;
  }
  #generate {
    border: none;
  }
}

.fade-in {
  animation: fadeIn 0.5s ease-in-out;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}


// Use
.use {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.terms-content {
  background-color: #fff;
  color: #000;
  padding: 20px;
  border-radius: 10px;
  max-width: 600px;
  width: 90%;
}
body.blocked {
  overflow: hidden;
}
