{
  box-sizing: border-box;
}

body {
  color: #eee;
  font: 1em "PT Sans", sans-serif;
}

::selection {
  background-color: #56d002;
}


#tabbedmove{
	  /* top: 0px; */
	  justify-content: space-evenly;
	  grid-template-columns: 7vw 7vw 7vw 7vw 7vw;
	  justify-items: stretch;
	  flex-shrink: 1;
	  /* top:0px; */
	  /* left:8.5vw; */
	  display: grid;
	  position:relative;
	  align-items: stretch;
}




.scrolled{
	  display: flex;
	  flex: content;
	  /* width:100%; */
	  /* top:0px; */
	  /* left:0px; */
	  position: relative;
	  /* padding-right: 6vw; */
}


.tabbed {
	  width: 100%;
	  margin: 50px  auto;
}

.tabbed > input {
  display: none;
}

.tabbed > label {
  float: left;
  /* margin-right: 70px; */
  cursor: pointer;
  transition: background-color 0.3s;
  display: flex;
  font-size: 1.1vw;
  padding: 12px 20px;
  flex-shrink: initial;
  justify-content: center;
}

.tabbed > label:hover,
.tabbed > input:checked + label {
  background: #56d002;
}

.tabs {
clear:both;
  perspective: 600px;
}

.tabs > div {
  width: 59vw;
  position: absolute;
  display: flex;
  height: 55vh;
  padding: 0px 0px 0px;
  line-height: 1.4em;
  opacity: 0;
  transform: rotateX(-90deg);
  transform-origin: top center;
  transition: opacity 0.3s, transform 1s;
  z-index: 0;
  left: -12vw;
}

#tab-nav-1:checked ~ .tabs > div:nth-of-type(1),
#tab-nav-2:checked ~ .tabs > div:nth-of-type(2),
#tab-nav-3:checked ~ .tabs > div:nth-of-type(3),
#tab-nav-4:checked ~ .tabs > div:nth-of-type(4),
#tab-nav-5:checked ~ .tabs > div:nth-of-type(5)  {
  transform: rotateX(0);
  opacity: 1;
  z-index: 1;
}



#tab-nav-1:checked ~ .tabs #tab-nav-2 input[type="checkbox"],
#tab-nav-1:checked ~ .tabs #tab-nav-3 input[type="checkbox"],
#tab-nav-1:checked ~ .tabs #tab-nav-4 input[type="checkbox"],
#tab-nav-1:checked ~ .tabs #tab-nav-5 input[type="checkbox"],
#tab-nav-2:checked ~ .tabs #tab1 input[type="checkbox"],
#tab-nav-2:checked ~ .tabs #tab-nav-3 input[type="checkbox"],
#tab-nav-2:checked ~ .tabs #tab-nav-4 input[type="checkbox"],
#tab-nav-2:checked ~ .tabs #tab-nav-5 input[type="checkbox"],
#tab-nav-3:checked ~ .tabs #tab-nav-2 input[type="checkbox"],
#tab-nav-3:checked ~ .tabs #tab1 input[type="checkbox"],
#tab-nav-3:checked ~ .tabs #tab-nav-4 input[type="checkbox"],
#tab-nav-3:checked ~ .tabs #tab-nav-5 input[type="checkbox"],
#tab-nav-4:checked ~ .tabs #tab-nav-2 input[type="checkbox"],
#tab-nav-4:checked ~ .tabs #tab-nav-3 input[type="checkbox"],
#tab-nav-4:checked ~ .tabs #tab-nav-5 input[type="checkbox"],
#tab-nav-4:checked ~ .tabs #tab1 input[type="checkbox"],
#tab-nav-5:checked ~ .tabs #tab1 input[type="checkbox"],
#tab-nav-5:checked ~ .tabs #tab-nav-2 input[type="checkbox"],
#tab-nav-5:checked ~ .tabs #tab-nav-3 input[type="checkbox"],
#tab-nav-5:checked ~ .tabs #tab-nav-4 input[type="checkbox"]
{
  display: none;
  z-index: -1;
}



@media screen and (max-width: 0px) {
  .tabbed {
    width: 100px;
  }

  .tabbed > label {
    display: none;
  }

  .tabs > div {
    width: 400px;
    border: none;
    padding: 0;
    opacity: 1;
    position: relative;
    transform: none;
    margin-bottom: 60px;
  }

  .tabs > div h2 {
    border-bottom: 2px solid #56d002;
    padding-bottom: 0.5em;
  }
}