/* CSS for the tasks page */

.maingrid         {
                     display: grid;
                     grid-gap: 10px;

                     grid:
                        'taskstable'
                        'links';

                     color: blue;
                  }

.taskstable
                  {
                     grid-area=taskstable;
                  }

.links
                  {
                     grid-area=links;

                     display:grid;
                     grid: 'nexttaskslink projectslink';
                  }
.nexttaskslink
                  {
                     grid-area=nexttaskslink;
                     width: 400px;
                     text-align: center;
                     margin-left: auto;
                     margin-right: auto;
                     color : blue;
                  }

.projectslink
                  {
                     grid-area=projectslink;
                     width: 400px;
                     text-align: center;
                     margin-left: auto;
                     margin-right: auto;
                     color : blue;
                  }