video {
    position: fixed;
    filter:saturate(1.5);
    filter:blur(20);
    filter:brightness(2);
    filter:contrast(1.4);
    object-fit: cover;
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    max-height: 100%;
    z-index: -100;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  transition: 1s opacity;
}


p {
  font-family:'Franklin Gothic narrow', 'Arial Narrow', Arial, sans-serif;
  color:black;
  position: relative;
  text-align: center;
  display: block;
  justify-content: center;
  font-size:30px;
  overflow: hidden;
  white-space: normal;
}

* {
  box-sizing: border-box;
}

.scroll-container {
  height: 100vh;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  flex-direction:column;
}

section {
  height: 100vh;
  scroll-snap-align: center;
}

#bioxatia {
  display:flex;
  margin-left: auto;
  margin-right: auto;
  opacity: 1;
  width: 700px;
  height: 153px;
  align-items: center;
  vertical-align: super;
  animation-name: swell;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}

#swipe{
top:30vh;
}

@keyframes swell {
        0% {
            transform: scale(1.0);
            -webkit-transform: scale(1.0);
        }
        100% {
            transform: scale(1.5);
            -webkit-transform: scale(1.2);
        }
      }

h2 {
  font-family:Arial, Helvetica, sans-serif;
  color:white;
  text-transform: uppercase;
  letter-spacing: 1vw;
  position: relative;
  top:0vh;
  text-align: center;
  display: block;
  justify-content: center;
}

h3 {
  font-family:Arial, Helvetica, sans-serif;
  color:white;
  text-transform: uppercase;
  letter-spacing: 0.5vw;
  position: relative;
  text-align: center;
  display: block;
  justify-content: center;
  text-shadow: 0px, 0px, 5px, #FFF;
}

#mission{
  background-color: rgba(black, 0.66);
  background: rgba(49,71,110, 0.9);
  padding: 1rem;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

#Home{
  background-color: rgba(black, 0.66);
  background: rgba(255,255,255, 1);
  opacity:0.94;
  padding: 1rem;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

#tagline{
  background-color: rgba(black, 0);
  background: rgba(255,255,255, 0);
  padding: 1rem;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

#a{
background-color: white;
white-space: normal;
padding:4vh;
border-radius: 45px;
}


body {
  margin:0;
}

