body{
    margin:0px;
}
.container{
 
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    width: 100vw;
    height: 100vh;
    background: rgb(140,140,140);
background: radial-gradient(circle, rgba(140,140,140,1) 0%, rgba(24,24,24,1) 100%);
}
.box{
display: inline-block;
  
    border-left:10px dashed white;
    border-right:10px dashed white;
    border-radius: 10px 0px 0px 10px;

}

.ticket{
    background-color:white;
    display: flex;
}

.left{
    padding:20px;

}
.right{
    background: rgb(236,96,31);
    background: radial-gradient(circle, rgba(236,96,31,1) 0%, rgba(158,27,50,1) 100%);
    padding: 20px;
    color:white;

}
.qr{
    height:150px;
}

.movie-image{
    border:2px solid white;
    width:100px;
    height: 100px;
    border-radius: 50%;
}

.seat-no{
    text-align: center;
margin:0px;
font-size: xx-large;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.invoice-no{
    padding-top: 10px;
    margin:0px;
    font-size: xx-small;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;  
}
.bottomline{
    display: flex;
    align-items: center;
    text-align: center;
    margin:0px;
    font-size: xx-large;
    font-weight: bold;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.bucket{
    display: inline-block;
    height: 50px;
}
button:hover{
    opacity: 0.8;
}

button{
    box-shadow: 0px 0px 7px 0px rgba(24,24,24,0.1);
cursor: pointer;
    border:0px;
    font-size: larger;
    color:white;
    background-color:rgba(158,27,50,1);
    padding:10px 20px;
    border-radius: 10px;
}