body {
    background: #f5f5f5;
    height: 100%;
}



.center-wrap {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;

}

.card {
    border-radius: 10px;
    max-width:450px;

}

.card-header {
    background: #ffffff;
    border: none;
    text-align: center;
    font-weight: bold;
}

.btn-primary {
    width: 100%;
}

.code-box {
    width: 42px;
    height: 48px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.code-wrap {
    gap: 4px;
}

.code-input-input{width:40px;text-align:center;font-size:24px;margin-right:5px}

[placeholder]:focus::-webkit-input-placeholder {
  transition: opacity 0.5s 0.5s ease; 
  opacity: 0;
}

.logo {
	
	margin: 0 auto;
	padding: 15px;
    width: 60%;
	justify-content: center;
}

a {
  color: #af2267;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #fa7aa0 !important; 
  text-decoration: underline;
}

.btn-adv{
  background-color: #af2267;
  color: #f1f1f1;
  
}
.btn-adv:hover{ 
  background-color: #fa7aa0 !important; 
  color: #f1f1f1;
}
.btn-adv:active{
background-color: #E75480 !important;
color: #f1f1f1;
}
.text-xs {
  font-size: 0.75rem;
}