main.css

body {
    text-align: center;
    font-family: Museo Slab, Helvetica, sans-serif;
    font-size: 36px; 
    user-select: red;
}

::selection {
	background: #000000;
	color: white;
}

html, body { 
    height: 100%; 
    margin: 0px;
}

.allArticles {
    width: 100%;
    height: 100%;
    border-spacing: 0px;
}

.article {
    width: 33.33%;
    height: 33.33%;
    border: 1px solid black;
}

.one { color: #c92828; }
.two { color: #81c928; }
.three { color: #28c9b1; }
.four { color: #58c928; }
.five { color: #3628c9; }
.six { color: #c9b928; }
.seven { color: #c97628; }
.eight { color: #c9289b; }
.nine { color: #6028c9; }

.disabled {
	color: gray;
}

@font-face {
    font-family: 'Museo Slab';
    src: url('assets/fonts/Museo_Slab_500-webfont.eot');
    src: url('assets/fonts/Museo_Slab_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/Museo_Slab_500-webfont.woff') format('woff'),
         url('assets/fonts/Museo_Slab_500-webfont.ttf') format('truetype'),
         url('assets/fonts/Museo_Slab_500-webfont.svg#MuseoSlab500Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}