* {
    margin: 0;

}
html, body {
  height: 100%;
}

body {
    background-color: #2C3338;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
}


.blue-circle {
    background-color: #578EB7;

    /* */
    position: relative;
    top: 50%;
    left: 50%;
    margin: -250px 0 0 -250px; /* Half of the width*/
    /* Credits: https://www.freecodecamp.org/news/how-to-center-anything-with-css-align-a-div-text-and-more/
    /* */

    width: 500px;
    height: 500px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gray-rectangle {
    width: 40%;
    height: 40%;
    background-color: #C4C4C4;

    border-radius: 10%;
    -webkit-border-radius: 10%;
    -moz-border-radius: 10%;
    -ms-border-radius: 10%;
    -o-border-radius: 10%;
}

h2 {
    text-align: center;
   /* padding-top: 40px;*/
    color: #2C3338;
    font-weight: bolder;
}

.visits {
    padding-top: 40px;
}

.amount {
    padding-top: 20px;
    font-size: 25pt;
}