img.rounded {
    object-fit: cover;
    border-radius: 50%;
    height: 200px;
    width: 200px;
    border: 4px solid white;
    position: relative;
    top: -150px;
    margin-bottom: -150px;
}

img.banner {
    width: 100%;
}

p.username {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
    font-weight: bold;
    margin: 0;
    position: relative;
    left: 200px;
    top: -50px;
    width: 200px;
}

p.handle {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
    color: rgb(101, 119, 134);
    margin: 0;
    position: relative;
    left: 200px;
    top: -50px;
    width: 200px;
}

table,
th,
td {
    border: 1px solid;
}

th {
    font-weight: bold;
}

td {
    padding-right: 20px;
}



@media(max-width: 600px) {
    img.rounded {
        height: 100px;
        width: 100px;
        top: -120px;
    }

    p.username {
        left: 120px;
        top: -20px;
    }

    p.handle {

        left: 120px;
        top: -20px;
    }
}

@media(max-width: 1600px){
    
    img.graph {
        width: 100%;
    }
}