@import 'colors.css';
@font-face {font-family: Cairo;src: url('../fonts/Cairo-Regular.ttf');}
@font-face {font-family: Poppins;src: url('../fonts/Poppins-Regular.ttf');}

html,body {padding:0;margin:0;}
* {box-sizing: border-box;font-family: 'Cairo', Poppins, sans-serif;}

/* GENERAL */
body {width:100%;min-height:100vh;font-size: 16px;line-height: 1.5;background:url('../img/login-bg.png') no-repeat center;background-size:cover;background-attachment: fixed;overflow-x: hidden;}
main {position:relative;width: 100%;min-height:100vh;padding-bottom:130px;}

a {color: var(--bs-primary);}
a:hover {color: var(--bs-primary-hover);}

.btn-primary {background-color: var(--bs-primary);border-color: var(--bs-primary);}
.btn-primary:hover {background-color: var(--bs-primary-hover);border-color: var(--bs-primary-hover);}
.btn-success {background-color: var(--bs-success);border-color: var(--bs-success);}
.btn-success:hover {background-color: var(--bs-success-hover);border-color: var(--bs-success-hover);}
.btn-warning {background-color: var(--bs-warning);border-color: var(--bs-warning);}
.btn-warning:hover {background-color: var(--bs-warning-hover);border-color: var(--bs-warning-hover);}
.btn-danger {background-color: var(--bs-danger);border-color: var(--bs-danger);}
.btn-danger:hover {background-color: var(--bs-danger-hover);border-color: var(--bs-danger-hover);}

.loginForm {position: relative;display:flex;flex-flow:column;align-items:center;justify-content:center;min-height:calc(100vh - 130px);padding:1.5rem;gap:1.5rem;padding-bottom:0;}

.animation-target {
  animation: animation 750ms linear both;
}

.alert {padding-block: 0.375rem;padding-inline: 0.75rem;margin:0;margin-bottom: 0.75rem;}
.alert i {padding-inline-end:0.25rem;}

@keyframes animation {
  0% { opacity:0 }
  25% { opacity:0.25 }
  50% { opacity:0.5 }
  75% { opacity:0.75 }
  100% { opacity:1 }
}