/* General settings 
**************************************************/
*, :after, :before{
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: inherit;
}

html, body{
    display: grid;
    width: 100%;
    height: 100%;
    font-family: 'Roboto', sans-serif;
}
/* Basic lib
**************************************************/
.m_5{margin: 5px}
.mt_5{margin-top: 5px}
.mr_5{margin-right: 5px}
.mb_5{margin-bottom: 5px}
.ml_5{margin-left: 5px}

.m_10{margin: 10px}
.mt_10{margin-top: 10px}
.mr_10{margin-right: 10px}
.mb_10{margin-bottom: 10px}
.ml_10{margin-left: 10px}

.p_5{padding: 5px}
.pt_5{padding-top: 5px}
.pr_5{padding-right: 5px}
.pb_5{padding-bottom: 5px}
.pl_5{padding-left: 5px}

.p_10{padding: 10px}
.pt_10{padding-top: 10px}
.pr_10{padding-right: 10px}
.pb_10{padding-bottom: 10px}
.pl_10{padding-left: 10px}