body {
background: #18181b;
margin:0;
color: #fff;
font-family: Segoe UI;
}

.container {
max-width:1200px;
margin-left:auto;
margin-right:auto;
}

.header {
  height: 50px;
  width: 100%;
  border-bottom: 1px solid #2f2f32;
  position: sticky;
  top: 0;
  z-index: 1020;
  background: rgba(24, 24, 27, 0.7);
  backdrop-filter: blur(8px);
}

#logo-section {
margin-top:13px;
float:left;
}


.def-input {
  background-color: #171717;
  border: 1px solid #2f2f32;
  height: 30px;
  width: 100%;
  border-radius: 5px;
  padding-left: 15px;
  color: #666;
  margin: 5px 0 15px 0;
}



.def-input:focus {
outline: none;
border: 1px solid #3f3f42;
}

.button-solid {
background:#17171b;
border:1px solid #2f2f32;
padding: 8px 12px;
color:#fff;
border-radius:5px;
}


.button-solid:hover {
border: 1px solid #3f3f42;
}

.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}

.row {
display: flex;
flex-wrap: wrap;
padding-left: 0px;
padding-right: 0px;
}


.gutter {
padding-left:15px;
padding-right:15px;
}