.spin-section{

padding:120px 10%;
text-align:center;
background:#050505;

}

.spin-section h2{

font-size:50px;
margin-bottom:10px;

text-shadow:0 0 20px red;

}

.spin-section p{

color:#aaa;
margin-bottom:40px;

}

/* WHEEL CONTAINER */

.wheel-wrapper{

position:relative;
width:520px;
margin:auto;

filter:drop-shadow(0 0 30px rgba(230,57,70,.6));

}

/* DAGGER POINTER */

.pointer{

position:absolute;
top:-35px;
left:50%;

transform:translateX(-50%);

font-size:42px;

text-shadow:0 0 10px red;

z-index:10;

}

/* WHEEL */

#wheel{

border-radius:50%;

background:

radial-gradient(circle,#1a1a1a,#000);

border:8px solid #222;

box-shadow:

0 0 40px rgba(230,57,70,.5),
0 0 120px rgba(230,57,70,.3),
inset 0 0 40px black;

}

/* CENTER METAL CAP */

.wheel-center{

position:absolute;

top:50%;
left:50%;

transform:translate(-50%,-50%);

width:80px;
height:80px;

background:radial-gradient(circle,#333,#000);

border:4px solid #e63946;

border-radius:50%;

box-shadow:

0 0 20px red,
inset 0 0 15px black;

}

/* BUTTON */

#spinBtn{

margin-top:40px;

font-size:18px;

letter-spacing:2px;

}

/* RESULT */

#result{

margin-top:30px;

font-size:28px;

color:#e63946;

text-shadow:0 0 15px red;

}