* {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    box-sizing: border-box;
    overflow: hidden;
}

body {
    background-color: rgb(153, 163, 198);
    color: white;
    /* color: rgb(100, 106, 127); */
    text-align: center;
    font-size: 1.2em;
}


[hidden] {
    display: none !important;
}

::selection {
    background: rgb(152, 194, 128);
    color: rgb(153, 163, 198);
}

/* courtesy of css tricks!! */

.grape {
    align-items: center;
    display: block;
    width: 40vw;
    height: 55vw;
    background-color: rgb(152, 194, 128);

    /* background-color: rgb(255, 251, 207); */
    border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
    box-shadow: 0px 0px 60px rgb(202, 255, 171);

    padding-top: 20vw;
    position: fixed; 
    bottom: 15vh; 
    top: 50%;
    left: 50%;
    margin-top: -20vh; /* Negative half of height. */
    margin-left: -20vw; /* Negative half of width. */
    padding-left: 10vw;
    padding-right: 10vw;
    overflow: scroll;

  }

  a {
    text-decoration: none;
    color: white;
    text-shadow: 0px 0px 1px rgb(255, 255, 255);
  }

  ::-webkit-scrollbar {
    background-color: transparent;
}

body::-webkit-scrollbar-track {
    background-color: transparent;
}

body::-webkit-scrollbar-thumb {
    background-color: transparent;
}