@import url(_colours.css);

/*****************************
* INDEX
* Styling for index pages.
*****************************/

/* Hide all the extra space around the content */
.md-content__inner,
.md-main__inner,
.md-grid,
html,
body,
* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     max-width: none;
}

/*  Make the content fill the entire viewing space */
article,
.md-container {
     min-height: 100%;
     width: 100%;
     margin: 0;
     padding: 0;
}

body {
     min-height: 100vh;
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: white;
     width: 100%;
}

.container {
     width: 100%;
     height: 100%;
}

/* Hide the navigation elements and the title of the page */
header,
.md-content .md-typeset h1 {
     display: none !important;
}

/* This was creating an annoying space at the top */
article.md-content__inner.md-typeset:before,
article.md-content__inner.md-typeset:after {
     content: none;
}