html {
  background-color: #003300;
}
.main {
  width: 350px;
  height: 350px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8%;
}
.outside {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: black solid 2px;
  box-sizing: border-box;
  background-color: white;
}
.slash {
  width: 205px;
  height: 40px;
  border: black 1px solid;
  
}
.top {
  position: relative;
  top: 35px;
  left: 70px;
  background-image: linear-gradient(-70deg, green, #005000 20%, white 30%, #005000, green 50%);
}
.bot {
  position: relative;
  top: 230px;
  left: 70px;
  background-image: linear-gradient(-70deg, green, #005000 58%, white 70%, #005000, green 90%);
}
.circle {
  width: 240px;
  height: 240px;
  position: relative;
  top: -30px;
  left: 53px;
  border-radius: 50%;
  background-color: green;
  border-left: black 2px solid;
  border-right: black 2px solid;
  border-top: green 1px solid;
  border-bottom: green 1px solid;
  background-image: linear-gradient(-70deg, green, #005000 43%, white 50%, #005000, green 65%);
}
.circle-inner {
  width: 180px;
  height: 180px;
  background-color: white;
  border-radius: 50%;
  position: relative;
  top: 28px;
  left: 30px;
}