@import "/css/site-framing.css";
@import "/css/styling.css";

* {
    box-sizing: border-box;
    margin: 0;
    background-color: transparent;
    
    /* colors */
    --grindr-black: #1f1f20;
    --accent-blue: #72abfa;
    --color-blue: #4e8adf;
    --sky-blue: #6fbede;
    --gray: #9e9ea8;
    --accent-pink: #ff97f1;
    --accent-yellow: #fdffa3;
    --grindr-green: #06e676;
}

@font-face {
    font-family: "IBMPlexSans";
    src: url("./fonts/IBMPlexSans-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "IBMPlexSans";
    src: url("./fonts/IBMPlexSans-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "IBMPlexSans";
    src: url("./fonts/IBMPlexSans-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "PoppinsEdited";
    src: url("./fonts/Poppins-Bold-edited-jan26.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}