body{
    background:black;
    color: white;
    font-family: bilo, sans-serif;
    font-style: normal;
    font-weight: 100;
  }
  p{
      font-style: italic;
      font-weight: 700;
      font-size: 10pt;
      line-height: 11pt;
  }
  .flip-container {
    perspective: 1000px;
  
  }
  .flipper {
    position: relative;
    text-align: center;
    width:430px;
    height:400px;
    margin: 0 auto;
    transition: transform 0.8s;
    transform-style: preserve-3d;
  }
  
  .flip-container:hover .flipper{
    transform: rotateY(180deg);
  }
  
  .front,.back {
    position: absolute;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    margin: 0 auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 50%;
  }
  
  .front {
    background: radial-gradient(circle at 65% 15%, white 1px, white 3%, gray 60%, #E2E2E2 100%); 
   
  }
  
  .back {
    font-size:11.5px;
    background: white;
    color: black;
    padding:1vw;
    text-align:center;
    align-items:center;
    transform: rotateY(180deg);
  }
  
a{
    font-size: 5vw;
    margin-left:90vw;
    margin-top:-5vw;
    color: white;
    text-decoration: none;
  }

  .text {
    padding: 36pt;
  }