body {
    background:
      radial-gradient(700px 450px at 50% 15%, rgba(0,255,140,.22), rgba(0,255,140,0) 60%),
      radial-gradient(900px 650px at 15% 85%, rgba(0,200,120,.14), rgba(0,200,120,0) 60%),
      linear-gradient(135deg, #020b06 0%, #062113 45%, #07341c 100%);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.gradient-border {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.the_wheel {
    background-image: url('wheel_back.png');
    background-position: center;
    background-repeat: no-repeat;
	background-size: 100%;
    padding: 20px;
}


.alert-bg2.active{
    display:flex!important;
}

.alert-bg2{
    z-index:99999!important; 
    position:fixed; 
    top:0px; 
    left:0px; 
    width : 100%; 
    height: 100%; 
    background: rgba(0,0,0,0.5); 
    display:none; 
    align-items:center; 
    justify-content:center;
}	

.alert-bd2{
    position:relative;
    background: #f1f1f1; 
    color:black; 
    font-weight : bold; 
    padding:20px; 
    height:auto!important;
}

.alert-close2{
    font-size : 26px;
    font-weight : bold; 
    color:white; position:absolute; 
    top:-10px; right:-20px;  
    display:flex; align-items:center; 
    justify-content:center; 
    border-radius:100%; 
    width : 35px; 
    height: 35px; 
    background: rgb(255, 0, 0);
}

.alert-bd,
.alert-bd2{
    width : 900px;
    max-width: 80%;
}