.front{

    height: 50px;

    width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    text-align: center;

    font-size: x-large;

    color: darkslategray;
    margin-bottom: 50px;

  }
  
  .ring{
      
    height: 800px;

    width: 100%;
    
    background: black;

    display: flex;

    flex-direction: column;

    justify-content: center;

    text-align: center;

    font-size: x-large;

    color: darkslategray;

  }