@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../font/Roboto-Thin.ttf") format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../font/Roboto-Regular.ttf") format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../font/Roboto-Medium.ttf") format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../font/Roboto-Bold.ttf") format('truetype');
}

*, *:after, *:before {
    box-sizing: border-box;
}

[v-cloak] {
    display: none;
}

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

h1, h2, h3, h4, h5 {
    color: #044b92;
}

.top-bar {
    width: 100%;
    height: 1rem;
    background-color: #044b92;
}

.page-container {
    margin-top: 10rem;
}

.ui.button.primary-button {
    background: #044b92 none;
    color: #fff;
}

.ui.button.primary-button:hover {
    background: #0459ae none;
}

.ui.loading.segment {
    color: #044b92;
}