input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
     display: none;
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
#notify{
    position: absolute;
    font-family: Gilroy;
    width: 100vw;
    
    display: flex;
    align-items: center;
    justify-content: center;
    top: 3vh;
    transition: top 0.5s ease;
}
#notify p {
  border-radius: 0.2604vh;
  padding: 0.4167vh 0.6771vh;
  background: rgba(227, 59, 59, 0.8);
  font-size: 1.35vh;
  font-weight: 500;
}

.hideNotify-enter-active,
.hideNotify-leave-active {
  transition: transform 0.35s ease, opacity 0.35s ease;
}

.hideNotify-enter-from,
.hideNotify-leave-to {
  transform: translateY(-7vh);
  opacity: 0;
}