@font-face {
    font-family: 'ubunturegular';
    src: url('webfont/ubuntu/ubuntu-r-webfont.woff2') format('woff2'),
         url('webfont/ubuntu/ubuntu-r-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*************
    GENERAL
*************/

*:not(script):not(head) {
	display: inline-block;
	margin: 0;
	padding: 0;
    font-family: 'ubunturegular';
}

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

body {
	font-family: sans-serif;
	background-color: #efefef;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.flex-0 {
    flex: .0;
}
.flex-05 {
    flex: .05;
}
.flex-1 {
    flex: .1;
}
.flex-15 {
    flex: .15;
}
.flex-2 {
    flex: .2;
}
.flex-25 {
    flex: .25;
}
.flex-3 {
    flex: .3;
}
.flex-35 {
    flex: .35;
}
.flex-4 {
    flex: .4;
}
.flex-45 {
    flex: .45;
}
.flex-5 {
    flex: .5;
}
.flex-55 {
    flex: .55;
}
.flex-6 {
    flex: .6;
}
.flex-65 {
    flex: .65;
}
.flex-7 {
    flex: .7;
}
.flex-75 {
    flex: .75;
}
.flex-8 {
    flex: .8;
}
.flex-85 {
    flex: .85;
}
.flex-9 {
    flex: .9;
}
.flex-95 {
    flex: .95;
}
.flex-full {
    flex: 1;
}

.flex, .flex-col, .flex-row, .flex-row-rev, .flex-col-rev {
    display: flex;
}

.flex-self-start {
    align-self: flex-start;
}
.flex-self-end {
    align-self: flex-end;
}
.flex-self-stretch {
    align-self: stretch;
}
.flex-self-center {
    align-self: center;
}

.flex-center {
    align-items: center;
    justify-content: center;
}

.flex-start-j {
    justify-content: flex-start;
}
.flex-start-a {
    align-items: flex-start;
}

.flex-end-j {
    justify-content: flex-end;
}
.flex-end-a {
    align-items: flex-end;
}

.flex-center-j {
    justify-content: center;
}
.flex-center-a {
    align-items: center;
}

.flex-row {
    flex-direction: row;
}
.flex-row-rev {
    flex-direction: row-reverse;
}

.flex-col {
    flex-direction: column;
}
.flex-col-rev {
    flex-direction: column-reverse;
}

.flex-around {
    justify-content: space-around;
}
.flex-between {
    justify-content: space-between;
}
.flex-evenly {
    justify-content: space-evenly;
}