body{
    margin: 0px;
    padding: 0px;
    background-color:#09496B;
}
#line{
    height: 3px;
    width: 250px;
    background-color:#3A6D88;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#emoji{
    list-style: none;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0px;
    padding: 0px;
    z-index: 99;

    
}
#note{
    list-style: none;
    position: absolute;
    top:57%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0px;
    padding: 0px;
    z-index: 99;
}
#emoji li{
    display: inline-block;
    margin-left: 12px;
    margin-right: 12px;
}
#note li{
    width: 38px;
    font-family: arial;
    font-size: 13px;
    color:#3A6D88;
    display: inline-block;
    margin-left: 8px;
    margin-right: 8px;
    transition: all .3s;
}
#dot{
    height: 3px;
    width: 3px;
    background-color: #FFEB66;
    transition: all .3s;
}
.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}
.visa{background-image:url(http://i.imgur.com/lXzJ1eB.png);}
.mastercard{background-image:url(http://i.imgur.com/SJbRQF7.png);}

.cc-selector input:active +.drinkcard-cc{opacity: .9;}
.cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.drinkcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:100px;height:70px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
            filter: brightness(1.8) grayscale(1) opacity(.7);
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}

/* Extras */
a:visited{color:#888}
a{color:#444;text-decoration:none;}
p{margin-bottom:.3em;}