/*

                MCdrugs Vote Styling Sheet
    
        Web Development by 1am Development (Michael)
                        1amDev.com

*/


/* HTML, Body, & Global */
html,
body {
	width: 100%;
    height: 100%;
	margin: 0 auto;
	padding: 0;
    font-size: 100%;
    font-family: 'Lato' !important;
    font-weight: 400 !important;
    text-align: center;
    color: #fff !important;
}
body {
    background-image: url(https://i.imgur.com/OwtTthD.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
#logo img {
    width: 30%;
    position: relative;
    margin-top: 25px;
    margin-bottom: 50px;
    -webkit-animation: a .5s ease-in-out infinite alternate;
    animation: a .5s ease-in-out infinite alternate;
}
#voteTitle {
    font-size: 36px;
    width: 300px;
    margin: 0 auto;
    margin-top: 50px;
    border: 3px solid #fff;
    background-color: rgba(50,131,50,0.75);
}
#vote a {
    display: inline-block;
    color: #ddd;
    font-size: 28px;
    width: 250px;
    margin: 0 auto;
    margin-top: 25px;
    padding: 10px 30px;
    background-color: rgba(50,131,50,0.6);
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}
#vote a:hover,
#vote a:focus {
    color: #fff;
    text-decoration: none;
    background-color: rgba(50,131,50,0.85);
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}
#footer {
    color: #fff;
    padding: 20px 20px;
    margin-top: 190px;
    background-color: rgba(50,131,50,0.75);
}
#footer a {
    color: #fff;
    text-decoration: none;
}
#footer a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Extra CSS */
@-webkit-keyframes a {
    0% {
        top: -15px
    }
    to {
        top: 15px
    }
}
@keyframes a {
    0% {
        top: -15px
    }
    to {
        top: 15px
    }
}

/* End */