body {
    text-align: center;
}

.heading {
    text-align: center;
}

.container {
    width: 1000px;  
    /* Centering for IE6+ in strict mode,
       Firefox, and other modern browsers */
    margin: auto;
    /* Don't center every line of text -
       we inherited this setting from body */
    text-align: left;
}
  
.main {
    top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}


.buttongrid {
    display: grid;
    grid-auto-columns: 25%;
    grid-auto-rows: 100%;
}
.button1 {
    /* left most button */
    grid-column: 1;
    grid-row: 1;
    justify-self: center;
}
.button2 {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
}
.button3 {
    grid-column: 3;
    grid-row: 1;
    justify-self: center;
}
.button4 {
    /* right most button */
    grid-column: 4;
    grid-row: 1;
    justify-self: center;
}


.feedback_widgets {
    width: 100%;
}