body {
  background: radial-gradient(circle at 100%, #0d3d51, #c8bb05c5, #450221);
  background-repeat:calc();
}

div.outline {
  background-image: -moz-linear-gradient(#d9e39663, #74c0e6);
  margin: auto;
  height: 750px;
  width: 1000px;
  border-bottom-style: solid;
  border-width: 0px;
  border-color: rgb(188, 163, 3);
  border-radius: 35%;
  box-sizing: border-box;
  padding-top: 0px;
  display: block;
  justify-content: center;
  align-items: center;
  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);

}

.button {
  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);

}

.title {
  padding-top: 0%;
  display: flex;
  justify-content: center;
  text-align: center;
  align-self: center;
  font-family: cursive;
  font-size: 100px;
}

.menu{
  display:inline;
  justify-content: end;
  align-items:flex-start;
}

.menu_item {
  display: inline;
}


.container {
  display: flex;
  justify-content: center;
  align-items: center;
  display: grid;
  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: 1000px;
  height: 100px;
  display: inline-block;
  transform-origin: center;
  grid-column: 1;
  grid-row: 1;
}

.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: 400px;
  float: right;
  background-image: -moz-linear-gradient(#2f414a, #717c32);

}