*, ::after, ::before {
   box-sizing: border-box;
}


body {
   margin: 0;
   padding: 0;

   line-height: 1.6;
   overflow-x: hidden;
   font-size: .84rem;
   scroll-behavior: smooth;
   transition: all .3s ease;
   -webkit-font-smoothing: antialiased;
   background-color: #232323;

   font-family: "Plus Jakarta Sans", sans-serif;
   font-optical-sizing: auto;
   font-style: normal;
}

.center-text {
   text-align: center;
}

.login .content {
   overflow-x: hidden;
   padding: 30px 30px 5px;
}

.login {
   margin: 80px auto auto auto;
   max-width: 640px;
}

.login h1 {
   color: #FCC700;
}

.login h2 {
   margin-top: 0;
}

.login .card {
   margin-bottom: 24px;
   border-radius: 10px;
   background-color: #ffffff;
   border: 1px solid transparent;
   transition: all .3s ease;
   box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
}

.login .card .body {
   padding: 25px;
}

.login footer {
   text-align: center;
}

.form h3 {
   margin: 0;
}

.code-inputs {
   display: flex;
   justify-content: center;
   margin: 20px 0;
}

.code-inputs input {
   width: 40px;
   height: 50px;
   margin: 0 5px !important;
   font-size: 24px;
   text-align: center;
   border: 1px solid #ddd;
   border-radius: 4px;
   box-sizing: border-box;
}