@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
p { 
  margin: 0rem;
}
.navbar {
  display: flex;
  position: fixed;
  top: 1rem;
  width: 50rem;
  background: rgba( 0, 0, 0, 0.25 );
  box-shadow: 0 8px 32px 0 rgba( 100, 100, 100, 0.32 );
  backdrop-filter: blur( 4px );
  -webkit-backdrop-filter: blur( 4px );
  border-radius: 10px;
  border: 1px solid rgba( 255, 255, 255, 0.5 );
  padding: 0.5rem 1.5rem;
  justify-content: space-between;
  align-items: center;
}
.navbar-right {
  display: flex;
}
.navbar-right > div {
  margin-left: 2rem;
}
a {
  text-decoration: none;
}
.navbar-right > div > a > p {
  color: white;
  font-family: 'Roboto', sans-serif;
}
body, .main {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0rem;
}
.screen-height {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.v-sec {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.top-hero {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-width {
  width: 50rem;
  display: flex;
}
.card-text {
  font-family: 'Roboto', sans-serif;
  color: white;
  text-align: justify;
}
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
  html {
    image-rendering: -webkit-optimize-contrast;
  }
}