#connect{
background-color:white;
border: solid;
border-color:black;
border-width: thick;
padding: 5px;
/**position: absolute;
right: 2vw;
top: 17vw;**/
position: relative;
top:0;
float: right;
font-size: 20px;
font-family: 'Acme', sans-serif;
color: black;
margin: 5px;
width: 22%;
font-weight: bold;
font-size: 45px;

}
.innerConnect{
	font-size: 20px;
color: #134F8B !important;
}
.typedText{
  font-size: 4vw;
  font-weight: bold;
  color:black;
  font-family: 'Roboto Mono', monospace;
}


@keyframes typewriter {
  0%{
    width:0;
  }
  20%, 80%, 100% {
    width: 10em;
  }
}

@keyframes caret {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

.text_1 {
  overflow: hidden;
  white-space: nowrap;
  animation: typewriter;
  display: inline-block;
  position: relative;
  animation-duration: 10s;
  animation-timing-function: steps(30, end);
 -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;}


.text_1::after {
  content: "|";
  color: black;
  font-weight:2;
  position: absolute;
  right: 0;
  animation: caret infinite;
  animation-duration: 1s;
  animation-timing-function: steps(1, end);
}

		
  }
  @media (max-width:900px) {
  video#homeVideo{
	  left: 0vw;
  }
}