@font-face {
    font-family: "Sohne Web";
    src: url("/esx/fonts/sohne2/Sohne-Buch.woff2") format("woff2"),
      url("/esx/fonts/sohne2/Sohne-Buch.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  } 
  
  body {
    background-color: #000000;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    font-family: 'Sohne Web' !important;
    font-weight: normal !important;
}

.container {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: start;
}

.content {
    max-width: 500px;
    width: 100%;
    background:#101010;
    padding:40px;
    /* box-shadow: 0px 18px 36px 0px #333; */
    border-radius: 8px;
}
p {
    color:#2b95d2;
}
.form-control, .form-control:focus {
    background:#222;
    border:1px solid #333;
    color:#fff;
}

.logo {
    max-width: 100px;
    margin-bottom: 20px;
}
.btn-primary, .btn-primary:hover {
    background:#2b95d2;
    border:1px solid #2b95d2;
}

.is-invalid {
    border-color: #dc3545;
}