@import 'colors.css';
@import 'forms.css';
@font-face {font-family: Segoe Ui Semi-light;src: url('../fonts/segoeuisl.ttf');}
@font-face {font-family: Segoe Ui;src: url('../fonts/SegoeUI.ttf');}
@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: 'Segoe Ui Semi-light', 'Cairo', Poppins, sans-serif;}

/* GENERAL */
body {width:100%;min-height:100vh;font-size: 16px;line-height: 1.5;background:url('../images/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);}

.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;}
.PulseCRM-Logo {position:absolute;bottom:0;width:100%;height:130px;display:flex;align-items:center;justify-content:center;}
.PulseCRM-Logo img {width:auto;height:auto;max-width:90%;max-height:70px;}
.client-logo {max-width: 300px;max-height: 180px;}

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

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