body{

margin:0;
padding:0;
font-family:Arial;
background:#070b17;
overflow:hidden;

}

.background{

position:fixed;
width:100%;
height:100%;
background:
radial-gradient(circle,#00ffff22,#000000);
z-index:-1;

}

.container{

display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
height:100vh;

}

.card{

width:450px;
background:#111;

border:2px solid #00ffff;

border-radius:20px;

padding:30px;

box-shadow:0 0 30px cyan;

text-align:center;

}

h1{

color:#00ffff;

text-shadow:0 0 15px cyan;

}

#question{

font-size:34px;

margin:30px;

color:white;

}

.option{

display:block;

margin:15px;

padding:18px;

background:#171717;

border:2px solid magenta;

border-radius:10px;

color:white;

cursor:pointer;

transition:.3s;

}

.option:hover{

background:magenta;

transform:scale(1.05);

}

.correct{

background:#00ff99!important;

}

.incorrect{

background:red!important;

}

#result{

font-size:22px;

margin:20px;

color:white;

}

button{

padding:15px 30px;

background:cyan;

border:none;

border-radius:10px;

cursor:pointer;

font-size:20px;

display:none;

}

.banner{

margin-top:30px;

}