*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html,body{
    width:100%;
    height:100%;
}

body{
    color:white;
    background: rgb(170, 170, 170);
    display: flex;
    align-items: center;
    flex-direction: column;
    width:100%;
}

h1{
    margin-bottom:20px;
}

.middle{
    max-width:80%;
    background: #979797;
    padding:20px;
    margin: 3rem 0
}

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

td,th{
    padding:5px;
}

.lr{
    color: rgb(255, 60, 60);
}

.r{
    color:red;
}
.g{
    color:green;
}
.o{
    color:orange;
}

.lg{
    color:rgb(142, 235, 2);
}