.varela-round-regular {
    font-family: "Varela Round", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    font-family: Varela Round;

}

html,
body,
#root {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body{
    background: rgb(0, 0, 0);
    color: white;
    overflow-x: hidden; 
    overflow-y: auto;
    width: 100%;

}

.App {
    width: 100%;
    min-width: 0;
    max-width: 100vw;
    overflow-x: clip;
}

.App > div {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

@media (max-width: 600px) {
    html,
    body,
    #root,
    .App {
        min-width: 100%;
        max-width: 100%;
    }
}