body{
  background-color: #181d2c;
  color: #8a90a1;
  font-family: 'Proxima Nova', sans-serif;

  background-image: url(./img/website-pattern.png);
  background-size: cover;
  background-position: center;
}

p{color:#8a90a1}
h1, h2, h3, h4{color: white; margin-bottom: 12px;}
h1{font-size:48px;}
h2{font-size:32px;}
h3{font-size:24px;}
h4{font-size:20px;     margin-bottom: 2px;
    margin-top: 6px;}




a{
  color: #8a90a1;
  text-decoration: none;
}
a:hover{
  color:white;
  text-decoration: none;
}
ul{
  list-style: none;
  padding: 0px;
  margin-bottom: 0px;
}
li{
  padding-top: 12px;
  padding-bottom: 12px;
}
.support-link{
  color: #8a90a1;
}
.blue-link{
  color:#1f86ee;
}
.blue-link:hover{
  color:#0e60b3;
}
small{
  color: #6D7383;
}



.btn{
  border-radius: 8px;
  padding: 0.7em 1.6em!important;
}
.btn-primary{
  background-color: #1f86ee;
  border-color: #1f86ee;
}
.btn-primary:focus{
  box-shadow: 0 0 0 0.1rem rgb(38 143 255 / 50%);
}
.btn-outline-secondary{
  color: #fff;
  border: 2px solid #33394A;
}
.btn-outline-secondary:focus{
  box-shadow: 0 0 0 0.1rem rgb(108 117 125 / 50%);
}
.btn-outline-secondary:hover, .btn-outline-secondary:active{
  background-color: #33394A!important;
  border: 2px solid #33394A!important;
}



.form-control-lg{
  background: #282E3F;
  border: 2px solid #33394A!important;
  font-size: 16px;
  padding: 1.5em;
  border-radius: 8px!important;
  margin-right: -104px;
  z-index: 1;
  color: #b5bbcc!important;
}
.form-control-lg:focus{
  background: #282E3F;
  border: 2px solid #1f86ee!important;
}
.input-group .btn{
  z-index: 999;
}



.card{
  background: #1F2536;
  padding: 32px 32px 20px 32px;
  border-radius: 8px;
  border: 1px solid #282E3F;
}