body h1, p 
{
    color: antiquewhite;
}

.playfair {
  font-family: "Playfair Display", serif;
  font-weight: 900;

}

.box{
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(48,48,129,1) 23%, rgba(0,212,255,1) 100%);
    border: 0px solid black;
    border-radius: 5px;
    box-shadow: 0px 0px 10px black;
    margin:50px 250px 80px 200px;
    padding:10px;
    
}

body{
    background:url(img/banner.png);
    background-position: center;
    background-size: contain;
    background-color: aqua;
    
}
.navbar{
    background-color:floralwhite;

}
.gradient-custom {

    background: #6a11cb;
    

    background: -webkit-linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1));
    

    background: linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1))
    }


    @media only screen and (max-width: 800px) {
        .box{
            background: rgb(2,0,36);
            background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(48,48,129,1) 23%, rgba(0,212,255,1) 100%);
            border: 0px solid black;
            border-radius: 5px;
            box-shadow: 0px 0px 10px black;
            margin:18%;
            padding:10px;
            
        }
      }

/* Responsive Styles */
@media (max-width: 768px) {
    .lottery-container {
        padding: 0.5em;
    }

    .lottery-number {
        font-size: 1.2em;
    }
}

@media (max-width: 480px) {
    .lottery-image {
        max-width:220px;
    }

    .lottery-number {
        font-size: 1em;
        left:39% !important;
        font-size:5em !important;
    }
}