@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(../royal1000/color.css);
@import url(../royal1000/default.css);
@import url(../royal1000/components.css);
@import url(../royal1000/responsive.css);
@import url(../royal1000/animation.css);

body.custom-background {
  background-image: url("https://i.gyazo.com/9e13619fa6e48aca9448b855e249cd76.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;
    }
}