html {
    background-color:black;
    font-family:monospace;
}
body {
    width:450px;
    margin: 0 auto;
    background-color:cadetblue;
}

#back {
    height:10%;
    font-size:150%;
    border-radius:10%;
    margin-left:3%;
    width:min-content;
    height:min-content;
    padding:3%;
    background-color:lightblue;
    color:black;
    text-decoration:none;
    margin-bottom:2%;
}

#startFormat {
    display:flex;
    height:100vh;
    gap:2%;
    
    flex-direction:column;
}
#startImg {
    background-color:red;
    width:100%;
    height:50%;
}


#startIcons {
    width:100%;
    height:50%;
    
    
    
    text-align:center;
}
button {
    height:40%;
    
    
    font-size:400%;
    font-family:monospace;
    width: 45%;
    margin-left: 2%;
    background-color: black;
    color: white;
}

button > #links1 {
    font-size:60%;
    text-align:center;
    color:white;
    text-decoration:none;
}


#startStats {
    margin-top:5%;
    height:50%;
    display:flex;
    flex-direction:column;
    gap:4%;
    text-align:center;
    font-size:400%;
    font-family:monospace;
}
.statBar1 {
    background-color:red;
    border-radius:5%;
    height:33%;
}

.statBar2 {
    background-color:green;
    border-radius:5%;
    height:33%;
}

.statBar3 {
    background-color:blue;
    border-radius:5%;
    height:33%;
}