@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap');

/* General Reset */
html, body {
    margin: 0;
    padding: 0;
    background: linear-gradient(to bottom, rgb(9, 9, 9), rgb(17, 17, 13), rgb(9,9,9));
    overscroll-behavior: none;
    overflow-x: hidden;
}

#content {
    min-height: 85vh;
}

/* Hiding Scrollbar */
[hide-scrollbar="true"] {
    -ms-overflow-style:none; /* Firefox */
    scrollbar-width: none;   /* IE/Edge */
}
[hide-scrollbar="true"]::-webkit-scrollbar {
    display: none;          /* Chrome, Safari, Opera, new Edge */
}

/* Slide-up Animation */

@keyframes slideUp {
    from{ opacity:0; transform: translateY(10vh); }
    to { opacity:1; transform: translateY(0); }
}

[slide-up="inactive"] {
    opacity: 0;
}

[slide-up="true"] {
    animation: slideUp 1s ease-out;
}