@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(../miami/color.css);
@import url(../miami/default.css);
@import url(../miami/components.css);
@import url(../miami/responsive.css);
@import url(../miami/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;
}
.btn-info {
    background-color: #00e2ff;
}
.result-balls {
    background: linear-gradient(to bottom, #261919 0%, #de00e1 100%);
    border-radius: 50%;
    border: 2px inset orange;
    padding: 2px 6px 2px 6px;
    margin: 3px;
    line-height: 28px;
    font-family: 'Rajdhani', sans-serif;
    color: white;
    display: inline-block;
}
@media only screen and (max-width: 600px) {
    .result-balls {
        background: linear-gradient(to bottom, indigo 0%, purple 100%);
        border-radius: 45%;
        border: 1px inset yellow;
        padding: 1px 3px 3px 8px;
        margin: 1px;
        line-height: 20px;
        font-family: 'Rajdhani', sans-serif;
        color: white;
        display: inline-block;
        font-size: 23px;
        font-weight: bold;
    }
}