video {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position:fixed; 
  }


html  {
    box-sizing: border-box;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
  }

*, * :before, *:after {
    box-sizing: inherit;
}

.column {
    display: flex;
    position: relative;
    float: left;
    width: 33.3%;
    margin-bottom: 16px;
    padding: 0px;
    
  }

  .card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    margin: 20px;
    margin-bottom: 5%;
    text-shadow: 2px 2px 2px rgb(51, 49, 49);
    /* background-color: white; */
  }

  .about {
      display: flex;
      position: relative;
      flex-direction: column;
    padding: 20px;
    text-align: center;
    color: rgba(245, 245, 245, 0.911);
    text-shadow: 6px 6px 6px rgba(0, 0, 0, 0.5);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    
  
  }

  .about {
      background-image: linear-gradient( #1f56bb, #2c4783) ;
    
  }



  .team {
      display: flex;
      position:relative;
      flex-direction: column;
      text-shadow: 4px 4px 4px rgb(51, 49, 49);
    
  }

  .container {
    padding: 0 16px;
  }



  .container::after, .row::after {
    content: "";
    clear: both;
    display: table;
  }

  @media screen and (max-width: 650px) {
    .column {
      width: 100%;
      display: block;
    }
  
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  li {
    display: inline;
  }

  ul {
    background-color: #dddddd;
    /* border-radius: 5px; */
  }
 
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: black;
  
  
  
}

li {
  float: left;
}

li a {
  display: flex;
  position: relative;
  color: rgba(189, 185, 185, 0.8);
  padding: 13px 16px;
  text-decoration: none;
  padding-left: 50px;
  padding-right: 50px;
  /* border-radius: 4px; */
  border: rgb(124, 120, 120);
  height: 50px;
  text-align: center;
  margin-bottom: .5px;
  font-size: 1.3rem;
  text-shadow: 4px 4px 4px rgb(51, 49, 49);
  
  
}

/* Change the link color to #111 (black) on hover */
li a:hover {
  background-image: linear-gradient( #1f56bb, #2c4783);
  color: black;
}