@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
@import url('font.css');
*{
    --bg-primary:#0e0a0a;
    --color-on-bg:#e4e4e4;
}
body{
    margin:0;
}
body, button, input{
    background:var(--bg-primary);
    color:var(--color-on-bg);
    /*font-family: "Titillium Web", serif;*/
    font-weight:400;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
}
button{
    border-radius:1rem;
    padding-top:1%;
    padding-bottom:1%;
    padding-left:2%;
    padding-right:2%;
    font-size:20px;
    gap:20px;
    border:none;
    cursor:pointer;
    transition:all 300ms ease-in-out;
}
h2, h3, h4{
    font-family: "Newsreader", serif;
    font-optical-sizing: auto;
}

h1{
    font-family: 'Dream Avenue';
    font-size:4.5rem;
    text-transform: uppercase;
    overflow-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
    /* Responsive font size */
    font-size: clamp(2.5rem, 8vw, 4.5rem);
}


.flex-row-between{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap:wrap;
    gap:20px;
}
@media(max-width:768px){
    .container{
        width:98%;
        margin:auto;
    }
}
@media(max-width:1024px){
    .container{
        width:90%;
        margin:auto;
    }
}
@media(min-width:1024px){
    .container{
        width:80%;
        margin:auto;
    }
}


.slide-top {
	-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2024-11-27 16:47:13
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

 @-webkit-keyframes slide-top{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}}@keyframes slide-top{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}}

 .slide-out-top{-webkit-animation:slide-out-top .5s cubic-bezier(.55,.085,.68,.53) both;animation:slide-out-top .5s cubic-bezier(.55,.085,.68,.53) both}
 /* ----------------------------------------------
 * Generated by Animista on 2024-11-27 16:52:53
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes slide-out-top{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}@keyframes slide-out-top{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}

.slide-in-top{-webkit-animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both}
/* ----------------------------------------------
 * Generated by Animista on 2024-12-8 10:37:45
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

 @-webkit-keyframes slide-in-top{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-top{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}