@font-face {
  font-family: font;
  src: url(/assets/files/dino.woff);
}

html,
body {
  background-color: #111111;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #ff0000;
  font-family: font;
}

.contentDiv {
  padding-top: 5vh;
  padding-left: 2vw;
  padding-right: 2vw;
}

.teamDiv {
  display: inline-table;
}

.teamDivi {
  display: inline-table;
  margin-top: 3vh;
  margin-right: 3vw;
  width: 350px;
  height: 350px;
  padding-top: 3vh;
  padding-bottom: 1vh;
  padding-left: 2vw;
  padding-right: 2vw;
  border-width: 3px;
  border-color: #ff0000;
  border-style: solid;
  border-radius: 10px;
}

.teamDivi:hover {
  transition: 1s;
  background-color: #ff000067;
}

.teamDivi:not(:hover) {
  transition: 1s;
  background-color: #111111;
}

.teamPfp {
  width: 150px;
  border-radius: 50%;
}

.logo {
  height: 60px;
  width: auto;
  float: middle !important;
  vertical-align: middle !important;
  margin: -5px 5px 0px 4.5px;
  outline-width: 0px !important;
  outline: none !important;
}

.inline {
  display: inline-block !important;
}

.hide-mobile {
  display: block;
}

.show-mobile {
  display: none;
}

.mobileNav {
  display: none;
  border-top: #111111 2px dashed;
  background-color: #ff0000;
  margin-top: -0.5vh;
  padding-top: 1.5vh;
  padding-bottom: 1vh;
}

.mnButton {
  width: 100%;
  text-align: center;
}

.galSil {
  width: 30%;
  display: inline-block;
}

@media only screen and (max-width: 600px) {
  .show-mobile {
    display: block;
  }
  .hide-mobile {
    display: none !important;
  }
  .teamDivi:hover {
    background-color: #111111;
  }
  .galSil {
    width: 90%;
  }
}