body {
        background-image: linear-gradient(rgba(0, 0, 0, .15), rgba(0, 0, 0, .3)), url("/img/bkground.png");
        background-position: left top;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
    }
    
    .title {
        padding-top: 5%;
    }
    
    .card {
        border-radius: 8px;
    }
    
    a {
        color: #546e7a;
    }
    
    .switch label input[type="checkbox"]:checked + .lever::after {
        background-color: #546e7a;
    }
    
    .switch label input[type=checkbox]:checked+.lever {
        background-color: #b0bec5;
    }
    
    .input-field input[type=email]:focus + label {
        color: #546e7a !important;
    }
    
    .input-field input[type=email]:focus {
        border-bottom: 1px solid #546e7a !important;
        box-shadow: 0 1px 0 0 #546e7a !important;
    }
    
    .input-field input[type=email]:valid {
        border-bottom: 1px solid #546e7a !important;
        box-shadow: 0 0px 0 0 #546e7a !important;
    }
    
    .input-field input[type=password]:focus + label {
        color: #546e7a !important;
    }
    
    .input-field input[type=password]:focus {
        border-bottom: 1px solid #546e7a !important;
        box-shadow: 0 1px 0 0 #546e7a !important;
    }
    
    .input-field input[type=password2]:valid {
        border-bottom: 1px solid #546e7a !important;
        box-shadow: 0 1px 0 0 #546e7a !important;
    }
    
    .pad {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .card-border2 {
        border-top: 3px solid #546e7a
    }
    
    .btn {
        border-radius: 50px;
        width: 125px;
    }
    
    .blur {
        backdrop-filter: blur(25px)
    }
    
    .clear {
        background: rgba(238, 238, 238, .95);
    }
    
    .modal {
      border-radius: 8px;
    }
    .alert {
      padding: 15px;
      margin-bottom: 20px;
      border: 1px solid transparent;
      border-radius: 4px;
    }
    .alert h4 {
      margin-top: 0;
      color: inherit;
    }
    .alert .alert-link {
      font-weight: bold;
    }
    .alert > p,
    .alert > ul {
      margin-bottom: 0;
    }
    .alert > p + p {
      margin-top: 5px;
    }
    .alert-dismissable,
    .alert-dismissible {
      padding-right: 35px;
    }
    .alert-dismissable .close,
    .alert-dismissible .close {
      position: relative;
      top: -2px;
      right: -21px;
      color: inherit;
    }
    .alert-success {
      color: #3c763d;
      background-color: #dff0d8;
      border-color: #d6e9c6;
    }
    .alert-success hr {
      border-top-color: #c9e2b3;
    }
    .alert-success .alert-link {
      color: #2b542c;
    }
    .alert-info {
      color: #31708f;
      background-color: #d9edf7;
      border-color: #bce8f1;
    }
    .alert-info hr {
      border-top-color: #a6e1ec;
    }
    .alert-info .alert-link {
      color: #245269;
    }
    .alert-warning {
      color: #8a6d3b;
      background-color: #fcf8e3;
      border-color: #faebcc;
    }
    .alert-warning hr {
      border-top-color: #f7e1b5;
    }
    .alert-warning .alert-link {
      color: #66512c;
    }
    .alert-danger {
      color: #a94442;
      background-color: #f2dede;
      border-color: #ebccd1;
    }
    .alert-danger hr {
      border-top-color: #e4b9c0;
    }
    .alert-danger .alert-link {
      color: #843534;
    }