/* Fonts */

body {
  font-family: 'Montserrat', sans-serif;
}

.montserrat {
  font-family: 'Montserrat', sans-serif;
}

.istok-web {
  font-family: 'Istok Web', sans-serif;
}

.times-new-roman {
  font-family: 'Times New Roman';
}

p {
  font-family: 'Istok Web', sans-serif;
}

.f0 {
  font-size: 0;
}

/* COLORS */

.mw6-5 {
  max-width: 34rem;
}

.dwyl-dark-gray {
  color: #556A72;
}

.dwyl-bg-dark-gray {
  background-color: #354046;
}

.dwyl-b--dark-gray {
  border-color: #45535B;
}

.dwyl-gray {
  color: #42575B;
}

.dwyl-bg-gray {
  background-color: #42575B;
}

.dwyl-b--gray {
  border-color: #42575B;
}

.dwyl-mint {
  color: #4BC0A9;
}

.dwyl-mint-dark {
  color: #2e8472;
}

.dwyl-bg-mint {
  background-color: #D0F1E8;
}

.dwyl-b--mint {
  border-color: #4BC0A9;
}

/* MVP MINT */
.dwyl-dark-mint {
  color: #2E8472;
}

.dwyl-bg-gold {
  background-color: #FFE642;
}

.dwyl-bg-yellow {
  background-color: #FED35E;
}

.dwyl-yellow {
  color: #FED35E;
}

.dwyl-light-gray {
  color: #a4aab2;
}

.dwyl-bg-yellow {
  background-color: #FED35E;
}

.dwyl-yellow {
  color: #FED35E;
}

.dwyl-lightest-gray {
  color: #CAD2D3;
}

.dwyl-bg-lightest-gray {
  background-color: #CAD2D3;
}

.dwyl-bg-orange {
  background-color: #FC5C22;
}

.dwyl-teal-dark {
  color: #1a7566;
}
/* Custom classes */
.mw9 {
  max-width: 74rem;
}

.shadow-6 {
  box-shadow: 0 .3rem 1rem 0 rgba(0,0,0,0.25);
}

.h6 {
  height: 19rem;
}

@media (min-width: 60em) {
  .h6-l {
    height: 19rem;
  }
  .bg-transparent-l {
    background-color: transparent;
  }
}

@media (min-width: 80em) {
  .ph5-xl {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}

.text-shadow {
  text-shadow: 0px 2px 0px #45535B;
}

.text-shadow-1 {
  text-shadow: 0 1px 1px 0 rgba(68,83,91,0.5);
}
.transparent {
  color: transparent;
}

.be-make {
  margin-top: -30px;
  position: absolute;
}

.left-auto {
  margin-left: auto;
}

.pv2-plus {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.w1-plus {
  width: 1.5rem;
}

.w4-plus {
  width: 10rem;
}

@media (min-width: 60em) {
  .w4-plus-l {
    width: 10rem;
  }
}

@media (min-width: 60em) and (max-width: 80em) {
  .w-30-ml {
    width: 33%;
  }
}

@media (min-width: 48em) {
  .w1-plus {
    width: 1.5rem;
  }
  .w-45-ns {
    width: 45%;
  }
}

.f-xl {
  font-size: 4rem;
}

.f-xxl {
  font-size: 5.5rem;
}

.mw-21 {
  max-width: 21rem;
}

.github-circle {
  padding-left: .435rem;
  padding-right: 0.125rem;
}

/*Navbar*/

.menu {
  min-height: 4rem;
  max-height: 0;
  transition: max-height 0.4s, padding-bottom 0.4s;
}

#burger:checked ~ .menu {
  max-height: 25rem;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.25);
}

li a:hover, li a:target {
  color: #4BC0A9;
}

li a:hover span {
  color: black;
}

/*Team Descriptions*/

#ines:checked ~ .description {
  display: block;
}

#nelson:checked ~ .description {
  display: block;
}

#mark:checked ~ .description {
  display: block;
}

#daniel:checked ~ .description {
  display: block;
}

#justen:checked ~ .description {
  display: block;
}

#naaz:checked ~ .description {
  display: block;
}

#conor:checked ~ .description {
  display: block;
}

#jack:checked ~ .description {
  display: block;
}

#harry:checked ~ .description {
  display: block;
}

#rory:checked ~ .description {
  display: block;
}

#katherine:checked ~ .description {
  display: block;
}

#sohil:checked ~ .description {
  display: block;
}

#rob:checked ~ .description {
  display: block;
}

#sam:checked ~ .description {
  display: block;
}

#cleo:checked ~ .description {
  display: block;
}

#simon:checked ~ .description {
  display: block;
}

#noga:checked ~ .description {
  display: block;
}

#zooey:checked ~ .description {
  display: block;
}

#finn:checked ~ .description {
  display: block;
}

/*Accessibility*/

.sr-only {
  color: red;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
}

.yes-script {
  display: none;
}

.honeypot {
  display: none;
}