@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;overflow-x: hidden;}
main {position:relative;width: 100%;}
.main-content {position:relative;width: 100%;min-height:calc(100vh - 100px);}

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

.landing-page {position: relative;display: flex;align-items: center;justify-content:center;width: 100%;min-height: calc(100vh - 7rem - 190px);height: auto;padding-block: 2rem;}
.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;}

.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 }
}

footer {position: relative;display: flex;width: 100%;height: auto;min-height: 100px;background-color: var(--bs-dark);color: var(--bs-white);padding-block:15px;align-items: center;}
.footer {position: relative;display: flex;flex-flow: wrap;align-items: center;justify-content: space-between;}
.footer .nav-link {color: var(--bs-warning) !important;}
.footer .nav-link.active {text-decoration: underline;}

/* RESPONSIVE */
@media(max-width: 992px) {
    .container {max-width: 100% !important;padding-inline: var(--bs-gutter-x);}
    .landing-page {min-height: calc(100vh - 1.625rem - 170px);}
}
@media(max-width: 768px) {
    .landing-page {min-height: calc(100vh - 1.625rem - 160px);}
}
@media(max-width: 576px) {
    .landing-page {min-height: calc(100vh - 1.625rem - 150px);}
}