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

@font-face {
    font-family: "All Round Gothic Bold";
    font-display: swap;
    src: url("../fonts/All-Round-Gothic-W01-Bold.woff2") format("woff2"),
        url("../fonts/All-Round-Gothic-W01-Bold.woff") format("woff");
    font-weight: 700;
}

@font-face {
    font-family: "All Round Gothic Book";
    font-display: swap;
    src: url("../fonts/All-Round-Gothic-W01-Book.woff2") format("woff2"),
        url("../fonts/All-Round-Gothic-W01-Book.woff") format("woff");
    font-weight: 300;
}

#HomePage .top-gradient {
    filter: blur(400px);
    aspect-ratio: 1/1;
}

#HomePage .bottom-gradient {
    filter: blur(350px);
    aspect-ratio: 1/1;
}


#HomePage img.app-screenshot {
    filter: drop-shadow(0px 34px 54px rgba(0, 0, 0, 0.45))
}

@media (max-width: 768px) {

    #HomePage .top-gradient {
        filter: blur(250px);

    }

    #HomePage .bottom-gradient {
        filter: blur(200px);
    }

    #HomePage img.app-screenshot {
        filter: drop-shadow(0px 25px 30px rgba(0, 0, 0, 0.45))
    }

}