.quipubody {
    border-style:none;
    border-radius: 10%;
  background: radial-gradient(circle at 100%, #06a1e3, #c1b611c5, #07c4f3);
  background-repeat: calc();
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
    transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
}

div.outline {
  background-image: -moz-linear-gradient(#d2801485, #74c0e6);
  background-image: -webkit-linear-gradient(#d2801485, #74c0e6);
  margin: auto;
  width: 70%;
  aspect-ratio: 2/1;
  border-bottom-style: solid;
  border-width: 0px;
  border-color: rgb(188, 163, 3);
  border-radius: 25%;
  box-sizing: border-box;
  padding-top: 0px;
  display: grid;
  box-shadow:
    1px 1px 0 1px #f9f9fb,
    -1px 0 28px 0 rgba(34, 33, 81, 0.01),
    28px 28px 28px 0 rgba(34, 33, 81, 0.25);
}

.outline:target {
  transform: scale(0.1, 0.1);
  -moz-transform: scale(0.1, 0.1);
  -webkit-transform: scale(0.1, 0.1);
  
  justify-self: left;
}


.quipubutton {
  background-color: rgb(51, 33, 2);
  border: none;
  color: rgba(229, 221, 206, 0.805);
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  box-shadow:
    1px 1px 0 1px #f9f9fb,
    -1px 0 28px 0 rgba(34, 33, 81, 0.01),
    28px 28px 28px 0 rgba(34, 33, 81, 0.25);

}

.quiputitle {
  padding-top: 0%;
  display: flex;
  justify-content: center;
  text-align: center;
  align-self: center;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: 100px;
}


.quipucontainer {
  justify-self: center;
  align-self: center;
  width: 70%;
  height: 20%;
  box-shadow:
    0px 0px 0px 0px #222252,
    -1px 0 28px 0 rgba(34, 33, 81, 0.01),
    28px 28px 28px 0 rgba(34, 33, 81, 0.25);
}

.cross-section {
  width: 100%;
  height: 100px;
  display: inline-block;
  transform-origin: center;
  grid-column: 1;
  grid-row: 1;
  position:relative;
}

.rotated {
  clip-path: polygon(0% 50%, 0% 100%, 31% 53%, 32% 51%, 35% 50%, 37% 51%, 39% 53%, 66% 97%, 68% 99%, 70% 100%, 72% 99%, 74%97%, 100% 50%, 100% 50%, 100% 0%, 74% 47%, 72% 49%, 70% 50%, 68% 49%, 66% 47%, 39% 3%, 37% 1%, 35% 0%, 33% 1%, 31% 3%);
  border-style: solid;
  border-width: 1px;
  border-radius: 200px;
}

.rotated20 {
  transform: rotate(20deg);
}

.rotated40 {
  transform: rotate(40deg);
}

.rotated60 {
  transform: rotate(60deg);
}

.rotated80 {
  transform: rotate(80deg);
}

.rotated100 {
  transform: rotate(100deg);
}

.rotated120 {
  transform: rotate(120deg);
}

.rotated140 {
  transform: rotate(140deg);
}

.rotated160 {
  transform: rotate(160deg);
}

.rotated180 {
  transform: rotate(180deg);
}

.radial {
  height: 50px;
  width: 30%;
  float: right;
  background-image: -moz-linear-gradient(#2f414a, #717c32);
  background-image: -webkit-linear-gradient(#2f414a, #717c32);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.radial:hover{
  transform: scale(1.1, 1);
  -moz-transform: scale(1.1, 1);
  -webkit-transform: scale(1.1, 1);
  /*background-image: -moz-linear-gradient(#d3471c, #188bc9);*/
  /*background-image: -webkit-linear-gradient(#d3471c, #188bc9);*/
}

.content_container {
  margin: 10%;
  max-width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
}