body {
    font-family: 'Nunito';
}
.logo {
    color: #ef3b2d;
    font-size: 40px;
    font-weight: bold;
}
.wheelContainer {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.wheelContainer .wheelBorder {
    position: absolute;
    top: 0;
    border-left: #ccc solid 10px;
    border-right: #ccc solid 10px;
    box-sizing: border-box;
}
.wheelContainer .wheelSelect {
    position: absolute;
    box-sizing: border-box;
}
.wheelContainer .wheelHighlightBackground {
    position: absolute;
    top: 0;
    border: #999 double 30px;
    box-sizing: border-box;
}
.wheelContainer .wheelHighlight {
    position: absolute;
    top: 0;
    border: #fff double 30px;
    box-sizing: border-box;
}
.wheelContainer .wheelList {
    position:relative;
}
.wheelContainer .wheelList ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
}
.wheelContainer .wheelList .prizeList {
    display: table;
    text-align: center;
    color: #FFF;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
}
.wheelContainer .wheelList .prizeList span {
    display: table-cell;
    vertical-align: middle;
}
.wheelContainer.fitImg img {
    width: 100%;
    height: auto;
    display: block;
}
.wheelContainer .flashing {
    animation: highlightBlink .2s infinite;
    box-shadow: inset 0 0 100px #fff;
}
.wheelSpinMultipleHolder .wheelContainer {
    width: 32%;
    float: left;
}
.wheelSpinMultipleHolder .wheelContainer:nth-child(2) {
    margin: 0 2%;
}
.wheelSpinMultipleHolder:after {
    content: '';
    display: block;
    clear: both;
}
.wheelSpinMultipleHolder .wheelBorder {
    border-left: #ccc solid 5px;
    border-right: #ccc solid 5px;
}
.wheelSpinMultipleHolder .wheelHighlightBackground {
    border: #999 double 20px;
}
.wheelSpinMultipleHolder .wheelHighlight {
    border: #fff double 20px;
}
.wheelSpinMultipleHolder .flashing {
    box-shadow: inset 0 0 30px #fff;
}
#buttonSpin {
    margin-top: 45px;
    cursor: pointer;
}

#buttonSpin:hover {
    filter: grayscale(50%);
}

#buttonSpin img.disabled {
    filter: grayscale(100%);
    cursor: default;
}

@keyframes highlightBlink {
  50% {
    opacity: 0.5;
  }
}

.button {
    background-color: #ef3b2d;
    border: none;
    color: white;
    padding: 15px 43px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
}

::placeholder {
    text-align: center; 
}
 
 /* or, for legacy browsers */
 
::-webkit-input-placeholder {
    text-align: center;
}
 
:-moz-placeholder { /* Firefox 18- */
    text-align: center;  
}
 
::-moz-placeholder {  /* Firefox 19+ */
    text-align: center;  
}
 
:-ms-input-placeholder {  
    text-align: center; 
}

.hide {
    display: none;
}
.show {
    display: block;
}

input {
    text-align: center;
}