@font-face{
font-family:Roboto;
src: url(/static/fonts/Roboto-Regular.ttf);
font-weight:normal;
font-style:normal;
}

@font-face{
font-family:Roboto;
src: url(/static/fonts/Roboto-Bold.ttf);
font-weight:bold;
font-style:normal;
}

@font-face{
font-family:Roboto Mono;
src: url(/static/fonts/RobotoMono-Regular.ttf);
font-weight:normal;
font-style:normal;
}

@font-face{
font-family:Roboto Mono;
src: url(/static/fonts/RobotoMono-Bold.ttf);
font-weight:bold;
font-style:normal;
}

/*
:root{
    --main-accent-colour: #FFC000;
    --main-subaccent-colour: #fff2cc;
    --header-font-color: white;
}


:root{
    --main-accent-colour: #555273;
    --main-subaccent-colour: #b6d5e1;
    --header-font-color: white;
}
*/
html{
   height: 100%;
}

body {
    font-family:Roboto;
}

h1 {
    font-family:Roboto; !important;
    font-weight: bold;
    text-align: center;
    color: var(--main-accent-colour);
}

h2 {
    font-family:Roboto; !important;
    font-weight: bold;
}

h3 {
    font-family:Roboto; !important;
    font-weight: normal;
}

.btn{
    border: none;
    border-radius:0px;
    font-weight: bold;
    font-family: Roboto;
    text-align: center;
    text-decoration: none;
    margin: 5px;
}

.btn.btn-primary{
    background: var(--main-accent-colour) !important;
    color: var(--header-font-color); !important;
}

.btn.btn-link{
    color: black; !important;
    font-weight: normal; !important;
}

.btn.btn-link:hover{
    color: var(--main-accent-colour); !important;
    text-decoration: none; !important;
}

a{
    color: black;
}
a:hover{
    /*color: var(--main-accent-colour);*/
    color: black;
}

a#in_head{
    color: var(--header-font-color);
    font-weight: bold;
}

#header{
    background-color: var(--main-accent-colour);
}

#logo{
    margin: 5px;
    margin-left: 50px;
}

#pre-registration-form{
    border: var(--main-subaccent-colour); !important;
    border-width: 4px; !important;
}

#admin_panel{
    background-color: var(--main-subaccent-colour);
    padding-top: 5px;
    padding-bottom: 5px;
}

.badge.badge-secondary {
    background-color: var(--main-accent-colour);
}

#item-text{
    font-size: 18px; !important;
    padding-bottom: 20px;
}

.card#answer_card{
    margin: 5px;
    min-width: 20rem;
    max-width: 28rem;
}
.card-title{
    font-weight: bold; !important;
}

#q_text{
    background-color: var(--main-subaccent-colour);
    font-weight: bold;
    padding: 2px;
    margin: 20px 5px 5px;
    border-width: 0px;
}

.page-item{
    color: var(--main-accent-colour); !important;
}

.page-item:hover{
    color: black; !important;
}

.page-link{
    color: var(--main-accent-colour); !important;
}

.page-link:hover{
    color: black; !important;
}


.page-link.active{
    background-color: var(--main-accent-colour); !important;
    color: white; !important;
}