@import url('https://fonts.googleapis.com/css2?family=Protest+Riot&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Bungee+Spice&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body{
    /* background: rgb(164,63,251) !important;
    background: radial-gradient(circle, rgba(164,63,251,1) 11%, rgba(252,70,126,1) 100%) !important; */
    background: rgb(91,136,231) !important;
    background: linear-gradient(90deg, rgba(91,136,231,1) 0%, rgba(158,119,242,0.8099614845938375) 35%, rgba(56,101,136,0.8295693277310925) 99%) !important;
    text-align: center;
    font-family: "Protest Riot", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
}
.container{
    text-align: center !important;  
}
header{
    background-color: white;
    margin: 2rem 0;
    padding: 2rem 0;
    border-radius: 1rem;  
}
header h1, .card-header h5{
    font-family: "Bungee Spice", sans-serif;
    font-style: normal; 
    font-weight: normal !important;
    text-transform: uppercase;
}
.card{
    margin-bottom: 2rem;
    border-radius: 1rem !important;
}
.card-header h5{
    margin-top: 0.5rem;
}
.card-body p{
    font-size: 1.5rem;
}