@font-face{
    font-family:'noto';
    font-display:swap;
    src:url('../fonts/NotoSans-Thin.ttf') format('truetype');
    font-weight:300;
    font-style:normal;
}
@font-face{
    font-family:'noto';
    font-display:swap;
    src:url('../fonts/NotoSans-Regular.ttf') format('truetype');
    font-weight:400;
    font-style:normal;
}
@font-face{
    font-family:'noto';
    font-display:swap;
    src:url('../fonts/NotoSans-Medium.ttf') format('truetype');
    font-weight:500;
    font-style:normal;
}
@font-face{
    font-family:'noto';
    font-display:swap;
    src:url('../fonts/NotoSans-Bold.ttf') format('truetype');
    font-weight:700;
    font-style:normal;
}

body{font-family:'noto',sans-serif;}

.mr5{margin-right:.25rem;}
.mr10{margin-right:.5rem;}
.mr15{margin-right:.75rem;}

.mb3{margin-bottom:.15rem;}
.mb5{margin-bottom:.25rem;}
.mb10{margin-bottom:.5rem;}
.mb15{margin-bottom:.75rem;}
.mb20{margin-bottom:1rem;}
.mb30{margin-bottom:1.5rem;}
.mb40{margin-bottom:2rem;}
.mb50{margin-bottom:2.5rem;}
.mb60{margin-bottom:3rem;}
.mb80{margin-bottom:4rem;}
.mb100{margin-bottom:5rem;}

.lh11{line-height:1.1;}
.lh12{line-height:1.2;}
.lh13{line-height:1.3;}
.lh14{line-height:1.4;}
.lh15{line-height:1.5;}
.lh16{line-height:1.6;}

.fw300{font-weight:300;}
.fw500{font-weight:500;}
.fw700{font-weight:700;}

.link,
.link span,
.link svg {
    transition: .2s;
}

.link {
    cursor: pointer;
}

.relative{position:relative;}
.text-center{text-align:center;}