@import 'src/components/progressBar/progressBar.css';
@import 'src/components/skeleton/skeleton.css';
@import 'src/components/spinner/spinner.css';
@import url(src/assets/fonts/font.css);

:root {
    --pl-purple: rgb(55, 0, 60);
    --pl-pink: #FC2C80;
    --pl-orange: #ff6e09;
    --pl-yellow: #ebff00;
    --pl-green: #00e676;
    --pl-blue: #05f0ff;
    --pl-stone: #EBEBEB;
    --pl-lilac: #963cff;
    --skeleton-line: rgba(224, 224, 224, 0.18);

    --pl-blue-purple-gradient: linear-gradient(  137.27deg,
    var(--pl-blue) 10%,
    #58e1ff 30%,
    #7367ff 60%,
    var(--pl-lilac) 90%,
    #c32fff 100%
    );
}

html, body {
    overflow: hidden;
    box-sizing: border-box;
    font-family: 'PremierLeagueRegular', sans-serif;
}

.splash-container {
    background-color: var(--pl-stone);
}

.root-placeholder .root-content {
    font-size: 38px;
    font-weight: bold;
}