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

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Prompt", sans-serif;
}
main {
    width: calc(100vw - ((100vw - 100%)));
    overflow-x: hidden;
}
a {
    text-decoration: none;
    color: inherit;
}
:root {
    --distro-blue: #2faede;
    --distro-green: #009300;
    --distro-drk-red: #5c0101;
    --distro-light-green: #4feb45;
    --distro-light-green-2: #4cef2c;
    --distro-drk-green: #154511;
    --distro-drk-blue: #071835;
    --distro-drk-blue-57per: #07183591;
    --distro-drk-blue-57per-trans: #081a38e0;
    --distro-darker-grey: #2b2b2b;
    --distro-bg-overlay: #010101e6;
    --distro-btn-purple: #6038d2;
    --distro-drk-teal: #435a6b;
    --distro-light-teal: #536e83; /*435A6B*/
    --distro-drk-grey: #4d4d4d;
    --distro-light-grey: #d5d5d5;
    --distro-grey: #9f9f9f;
    --distro-pink: #fa20f2;
    --distro-live-yellow: #fcd921;
    --distro-live-green: #366d4f;
}
.hide {
    display: none !important;
}

.material-symbols-outlined {
    color: white;
    font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 0, "opsz" 48;
}

.mobile-txt {
    display: none;
}
@media screen and (max-width: 500px) {
    .desktop-txt {
        display: none;
    }
    .mobile-txt {
        display: block;
    }
}