/* Body */

body {
  margin: 0 !important;
  display: flex;
  height: 100vh;
  /* opacity: 10%; */
  /* animation-name: pulsing;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out; */
}

@keyframes pulsing {
  /* 0% { opacity: 5%; }
    50%  { opacity: 15%; }
    100%   { opacity: 5%; }     */
  0% {
    opacity: 0%;
  }
  60% {
    opacity: 0%;
  }
  80% {
    opacity: 10%;
  }
  100% {
    opacity: 0%;
  }
}

.page-container {
  position: relative;
  min-height: 100vh;
}

.md-content {
  padding-top: 64px;
}

.md-sidebar__inner {
  margin-top: 64px;
}

/* .mdc-drawer-app-content {
    flex: auto;
    overflow: auto;
    position: relative;
} */

.main-content {
  overflow: auto;
  height: 100%;
  /* margin-left: 10vw; */
  width: 60%;
  margin: 0 auto;
  /* text-align: center; */
  /* margin-left: 10vw; */
}

/* Navbar */

/* .mdc-top-app-bar, header {
    position: absolute;
} */

.logo-in-link-in-appbar {
  width: auto;
  height: 100%;
}

.logo-in-appbar-container {
  height: 100%;
  display: block;
}

.sign-up-btn,
.go-to-dashboard-btn,
.get-started-btn,
.home-bottom-btn {
  font-variant-caps: small-caps !important;
  text-transform: none;
}

/* .go-to-dashboard-btn {
    padding: 2vw;
}

.mdc-top-app-bar {
    padding: 1vw;
} */

/* .app-bar {
    position: absolute;
} */

.mdc-top-app-bar {
  z-index: 7;
  /* margin-bottom: 164px; */
}

.mdc-top-app-bar,
.md-footer {
  background-color: var(--mdc-theme-surface);
  align-content: middle;
  /* color: #000000; */
  /* width: 100vw;
    padding-left: 1vw;
    padding-right: 1vw; */
}

/* :root {
    --mdc-tab-scroller-transition-duration: 2s !important;
} */

@media (min-width: 1240px) {
  .desktop-header {
    display: flex;
  }
  .non-desktop-header {
    display: none;
  }
}

@media (max-width: 1240px) {
  .desktop-header {
    display: none;
  }
  .non-desktop-header {
    /* For 3-line header */
    /* display: block; */
    /* For 1-line header */
    display: flex;
  }
}

.logo-in-appbar, .logo-in-appbar-container {
    z-index: 200;
}


.md-header__button.md-icon {
  display: none;
}