/********** P R I M A R Y   S T U F F***********/
/**********   C A R D   S T U F F   ***********/
/******** G L O B A L : Vohra userDefined *************/
html {
  scroll-behavior: smooth;
  font-size: 16px;
}

* {
  margin: 0px 0px;
  box-sizing: border-box;
}

body {
  font-family: sans-serif;
  color: #5E5E5E;
  background-color: #FFFFF5;
}
body a {
  text-decoration: none;
  color: #5E5E5E;
}

/* Btn global */
.btn1 {
  color: black;
  border-radius: 4px;
  cursor: pointer;
}

.btn1:hover {
  color: white;
  background-color: salmon;
  transition: 0.2s;
}

.btn2 {
  cursor: pointer;
}

.btn2:hover {
  color: salmon;
  color: #fdaba1;
  transition: 0.2s;
}

.btn3:hover {
  color: black;
}

/******** G L O B A L : Vohra varibles *************/
/* ---------- 1. H E A D E R    P A N E L ------------- */
header {
  display: flex;
  top: 0;
  padding: 0.2% 0;
  width: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  position: fixed;
  background-color: #FFFFF5;
  box-shadow: 0px 0 4px salmon;
  z-index: 100;
  margin: 0;
}

nav {
  display: flex;
  width: 100%;
  align-items: center;
  font-family: Helvetica, sans-serif;
  font-size: 96%;
  justify-content: center;
  letter-spacing: 1.4px;
  background-color: #fffff5;
  color: #5E5E5E;
}
nav a {
  font-family: Helvetica, sans-serif;
}

.navbar {
  display: flex;
  position: relative;
  justify-content: space-evenly;
  align-items: center;
  width: 72%;
  height: 8vh;
}

.navbar.update {
  height: 100%;
}

.logo {
  height: 80%;
  cursor: pointer;
  width: 26%;
}
.logo img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 46px;
}

.navbar-links {
  width: 80%;
}
.navbar-links ul {
  display: flex;
  display: flex;
  margin: 0;
  padding: 0;
}
.navbar-links li {
  list-style: none;
}
.navbar-links li a {
  display: block;
  text-decoration: none;
  padding: 1rem;
}
.navbar-links li a:hover {
  color: #fdaba1;
  transition: 0.2s;
}

.signIn {
  position: absolute;
  right: 0;
  color: #55CCFF;
}

.toggle-button {
  position: absolute;
  top: 0.75rem;
  right: 0;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 30px;
  height: 21px;
}
.toggle-button .bar {
  height: 3px;
  width: 100%;
  background-color: #555;
  border-radius: 10px;
}

/* ------------ 2. C O N T E N T  P A N E L --------------- */
section {
  height: 100%;
}

.ContentPanel {
  display: flex;
  margin-top: 2.4%;
  max-height: 100%;
  flex-direction: column;
}

/********* Chat Component **************/
.chat {
  display: none;
  padding: 1.4% 2.4%;
  width: 40px;
  position: -webkit-sticky;
  position: sticky;
  color: white;
  bottom: 20%;
  left: 86%;
  text-align: center;
  background-color: salmon;
  border-radius: 10%;
  cursor: pointer;
}

/* ------------- 3. F O O T E R  P A N E L --------------- */
footer {
  display: flex;
  height: 10vh;
  align-items: center;
  color: white;
  background-color: #55CCFF;
}
footer .fComp {
  display: flex;
  margin: 0px 10%;
  height: 50%;
  width: 80%;
  align-items: flex-end;
  font-size: 80%;
  justify-content: space-between;
  /* border: solid 2px coral; */
}
footer .fComp .fBtn {
  display: flex;
  width: 20%;
  justify-content: space-around;
}/*# sourceMappingURL=style.css.map */