html,body {
    width: 100%;
    height: 100%;
    background-color: #000000;
    background-image: url("https://v.fastcdn.co/u/a1ab1db8/9769098-0-vanschneider-DDP-Hig.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}
html {
    display: table;
    text-align: center;
}
h2 {color:#afafaf;}
h1 {color:#efefef;}
body {
    display: table-cell;
    vertical-align: middle;
    max-width: 1000px; /* Or whatever makes sense for you. */
    margin: 0 auto;
}

.btn {

        min-width: 100px;
        padding: 20px;
        font-size: 18px;
        border-width: 3px;
        background:none !important;
        border-radius: 13px;
}

.btn-success {
    color: #fff;
    background:none !important;
    border-color: #4cae4c;
}


label{
    color:#afafaf;
    text-align: left;
}

* {font-family: 'Calibri';-webkit-box-flex: center;-webkit-flex: center;-ms-flex: center;flex: center;}

body {background-color:black;}
.btn,a.worxbtn {
     white-space: nowrap;
    color:#afafaf;
    border: 2px solid #afafff;
    border-radius: 15px;
    display: inline-block;
    width:100%;
    padding: 8px;

    font-size: 1.3em;
    text-align: center;
    text-decoration: none;
    text-shadow: 0px 0px 5px #ababab;
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, text-shadow 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out ,border-color 0.3s ease-out,text-shadow 0.3s ease-out;
}
a.worxbtn.wide{
    width:100%;

}
btn:hover, a.worxbtn:hover, a.worxbtn:focus {
    padding-left:  7px;

    padding-right:9px;

    text-shadow: 2px 3px 2px #1f1f1f;
    border-color:#f5f5ff;
    color: #ffffff;
}

.btn.red, a.worxbtn.red {
    border: 2px solid  #d00000;

}
.btn.red:hover, a.worxbtn.red:hover, a.worxbtn.red:focus {
    border-color: #ff0404;

}

.btn.orange, a.worxbtn.orange {
    border: 2px solid #da8505;

}
.btn.orange:hover, a.worxbtn.orange:hover, a.worxbtn.orange:focus {
    border: 2px solid #ffffff;

}

.btn.green, a.worxbtn.green {
    border-color: #219228;

}
.btn.green:hover, a.worxbtn.green:hover, a.worxbtn.green:focus {
    border-color: #04ff04;

}

.btn.blue, a.worxbtn.blue {
    border-color: #25aae1;

}
.btn.blue:hover, a.worxbtn.blue:hover, a.worxbtn.blue:focus {
    border-color: #74d5fd;
}

.btn.yellow, a.worxbtn.yellow {
    border-color: #b1b136;
}
.btn.yellow:hover, a.worxbtn.yellow:hover, a.worxbtn.blue:focus {
    border-color: #ffff13;
}
h2 {
    font-size: 1.4em;
}