/*CSS Reset*/
html, body {
    background-color: #b0c4de;
    font-family: 'Josefins Sans', sans-serif;
    height: 100%;
    padding: 0;
    border: 0;
    /* margin: 0; */
    padding-left: 6%;
    padding-right: 6%;
}

html, body{
    background-color: #fff;
    /* background-color: #F3F0C9; */
    padding-left: 0px;
    padding-right: 0px;
}

input {
    color: #3e4edb;
    background: black;
    border: 2px solid #3e4edb;
    border-radius: 0px;
    font-size: 13px!important;
    font-family: tahoma;
    cursor: pointer;
    filter: drop-shadow(0 0 15px #483edb) drop-shadow(0 0 50px #483edb) contrast(2) brightness(2);
}

.bg-sky {
    color: #FFFFFF;
    background-image: url("../img/pro1.jpg");
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    /*background: #00c6ff; /* fallback for old browsers */
    /*background: -webkit-linear-gradient(to top left, #2683BB, #01CDFB); /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to top left, #2683BB, #01CDFB); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */   
}

.bg-boston {
    color: #FFFFFF;
    background-image: url("../img/bg-boston1_Fotor.jpg");
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.container-fluid {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 15px;
}

.pad-bot {
    padding-bottom: 200px;
}


.displayed {
    position: relative;
    /*width: 185px;*/
    height: 185px;
    border: black 2px solid;
}
.subtitle {
    font-family: "Montserrat", Avenir, Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    color: #A48D5E;
}

.typed-cursor {
    font-size: 1.5em;
    color: #A48D5E;
}

.name-tag {
    font-size: 3em;
    color: #EF574E;
}

div {
    font-family: "Montserrat", Avenir, Helvetica, Arial, sans-serif;
    color: #222;
}

div > div {
    padding-top: 20px;
}

span {
    color: #e4dede;
}

span.add-bold {
    color: black;
    font-size: 20px;
    font-weight: 800;
}

a {
    color: #5D83C7;
    width: 20px;
}
div.pad-top {
    padding-top: 30px;
}

pro-pad {
    padding: 30px;
}

div.bigg {
    font-weight: 400;
    font-size: 1.3em;
}

div.add-space {
    padding: 8px;
}

ul.nav {
    width: 20px;
    position: fixed;
}

.nav>li>a {
    padding: 5px 10px;
    width: 10em;
    display: inline;
    font-size: 1.5em;
}

.navbar-nav>li>a {
    line-height: 50px;
}

.navbar-collapse {
    padding-right: 150px;
    padding-top: 70px;
}

footer {
    font-size: 12px;
    color: #7270d4;
    filter: drop-shadow(0 0 15px #413edb) drop-shadow(0 0 50px #413edb) contrast(2) brightness(2);
}

img {   
    border-radius: 50%;
}

.social-link:link {
    text-decoration: none;
}
.social-link:visited {
    text-decoration: none;
}
.social-link:hover {
    text-decoration: none;
}
.social-link:active {
    text-decoration: none;
}
.social-link {
    display: inline-block;
    border: 1px solid #222;
    margin: 5px;
    line-height: 1.5;
    border-radius: 2px;
    width: 103px;
    font-size: 20px;
    font-weight: 400;
}
.social-link-alt {
    color: #222;
    font-size: 15px;
}

.main-title {
    font-weight: 900;
    font-size: 65px;
    margin: 0px;
}

.main-subtitle {
    font-weight: 900;
    font-size: 25.5px;
    opacity: .8;
}

.title {
    font-weight: 200;
    font-size: 45px;
    color: #4e3edb;
    filter: drop-shadow(0 0 15px #483edb) drop-shadow(0 0 50px #483edb) contrast(2) brightness(2);
}

.bg-tech {
    background-color: #6D7B8C;
}

.font-white {
    color: #FFFFFF;
}

hr {
    max-width: 50px;
    border-color: #356B8C;
    border-width: 3px;
}

.btn {
    border: 0;
    border-radius: 300px;
    text-transform: uppercase;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    font-weight: 700;
}

.dl-horizontal dd {
    margin-left: 300px;
}

li {
   /* list-style: none;*/
}

#blackjack-table {
    border-radius: 0%;
    
}

.bg-sky2 {
    color: #FFFFFF;
    background-color: #222;
    /*background: #00c6ff; /* fallback for old browsers */
    /*background: -webkit-linear-gradient(to top left, #2683BB, #01CDFB); /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to top left, #2683BB, #01CDFB); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */   
}

#play-cards {
    border-radius: 0%;
    width: 63px;
    height: 90px;
    display: inline-block;
}

#hidden-card {
    border-radius: 0%;
    width: 63px;
    height: 90px;
    display: inline-block;
}

form {
    padding-top: 0px;
}    

#playerScore, #dealerScore, #declareWinner, #about {
    font-size: 16px;
    color: #a3a2dd;
    filter: drop-shadow(0 0 15px #413edb) drop-shadow(0 0 50px #413edb) contrast(2) brightness(2);
}

#about-title {
    font-size: 25px;
    color: #a3a2dd;
    filter: drop-shadow(0 0 15px #413edb) drop-shadow(0 0 50px #413edb) contrast(2) brightness(2);
}

#about-container {
    padding: 50px;
}