@import './assets/css/reset.css';
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500&family=Teko:wght@300;400;500&display=swap');
@import './assets/css/main.css';
@import './assets/css/left-section.css';
@import './assets/css/right-section.css';
@import './assets/css/footer.css';
@import './assets/css/desktop.css';
@import './assets/css/print.css';
/******************** VARIABLES ********************/
:root{
    --main-bg-color: white;
    --second-bg-color: #38369A;
    --second-text-color: ivory;
    --bg-color: var(--second-text-color);
    --nav-bg-color: var(--second-bg-color);
    --nav-color: var(--main-bg-color);
    --nav-color-link: var(--second-text-color);
    font-family: 'Oswald', sans-serif;
}
/******************** VARIABLES ********************/
body{
    font-size: 18px;
}
h2,h3,h4,h5,h6{
    margin: 20px;
}

h1{
    font-size: 10px;
}
h2{
    font-size: 50px;
}
h3{
    font-size: 46px;
}
h4{
    font-family: 'Teko', sans-serif;
    font-size: 35px;
}
em{
    font-size: 20px;
    color: var(--second-text-color);
    opacity: .8;
}
hr{
    width: 100%;
    margin: 0;
}
a{
    color: var(--second-bg-color);
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
.success{
    color: #0fd884;
}
.warning{
    color: #ec9a2f;
}
.danger{
    color: #f03731;
}
.success, .warning, .danger{
    padding-top: 5px;
    padding-left: 18px;
}