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

@import url(../bowo/color.css);
@import url(../bowo/default.css);
@import url(../bowo/components.css);
@import url(../bowo/responsive.css);
@import url(../bowo/animation.css);

body.custom-background {
  background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8TFG48McRq-4_Ym9EHL3jKuWSP9WOqwuNY7AFysL6FKJnGL9Ifm1A-OxT8p5FIayimOZYVfImBbzIEv201X1MMHsZSmm9eOWP0fSNy0SeokopvUEoLgGNUB8uHcgw5qmkZVWqGK_PMgmJDNche3XNiop8UspPAPdTIuOkalE97f0Yv8_4DvPxWFprsOZh/s2667/background%20web.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.result-balls {
    background: linear-gradient(to bottom, red 0%, blue 100%);
    border-radius: 50%;
    border: 2px inset orange;
    padding: 1px 6px 1px 6px;
    margin: 3px;
    line-height: 22px;
    font-family: 'Rajdhani', sans-serif;
    color: white;
    display: inline-block;
}
@media only screen and (max-width: 600px) {
    .result-balls {
        background: linear-gradient(to bottom, red 0%, blue 100%);
        border-radius: 50%;
        border: 1px inset yellow;
        padding: 1px 3px 1px 3px;
        margin: 1px;
        line-height: 12px;
        font-family: 'Rajdhani', sans-serif;
        color: white;
        display: inline-block;
        font-size: 12px;
    }
}