/* font stamp sekai ur welcome or something i dunno  */
    @import url('https://fonts.googleapis.com/css2?family=Lilita+One&Noto+Sans&display=swap');

    :root {
        --miku-color: #33CCBB;
        --text-color: #393955;
    }

    body{
        background-image: url('/img/background.webp');
        background-size:  500px; 
        display: flex;
        flex-direction: column;
        justify-content: center;  
        align-items: center;      
        margin: 0;       
    }

    .container{
    width: 50rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    }

    /* Fonts and stuff */
    
    h1 {
        font-size: 3em;
        text-align: center;
        color: var(--miku-color);
    }

    h1, h2, h3, h4, h5, h6 {
        font-family: 'Lilita One', sans-serif;
        font-weight: 400;
        font-style: normal;
        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    }

    h2 {
        font-size: 2.5em;
        color: var(--miku-color);
    }

    h3{
        font-size: 2em;
    }

    p, span, li, a, div {
        font-family: "Noto Sans", sans-serif;
    }


    p {
        font-size: 1.5em;
        font-weight: 300;
        color: var(--text-color);
    }

    ul li{
        margin-bottom: 20px;
        font-size: 1.2em;
    }

    .cardSlider{
        display: flex;
        flex-direction: row;
    }