@font-face {
    font-family: 'JetBrainsMono';
    src: url('fonts/JetBrainsMono/web/eot/JetBrainsMono-Regular.eot') format('embedded-opentype'),
         url('fonts/JetBrainsMono/web/eot/JetBrainsMono-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/JetBrainsMono/web/woff2/JetBrainsMono-Regular.woff2') format('woff2'),
         url('fonts/JetBrainsMono/web/woff/JetBrainsMono-Regular.woff') format('woff');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat/Montserrat-Regular.otf') format('opentype');
    font-style: normal;
    font-weight: normal;
}
:root {
    --main-bg-color: #05141b;
    --dark-txt: #23221e;
    --light-txt: #fffade;
    --link: #48b0e8;
    --green: #259025;
    --yellow: #d6b016;
}

* {
    box-sizing: border-box;
}

html {
    height: 100%;
}

body {
    height: 100%;
    font-family: 'Montserrat', 'arial', 'sans-serif';
    color: var(--light-txt);
    background-color: var(--main-bg-color);
    margin: 0;
}

.container {
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

header {
    font-family: 'JetBrainsMono', 'arial', 'sans-serif';
    height: 5%;
    display: flex;
    justify-content: flex-end;
}
header a {
    margin-left: 20px;
}

section {
    min-height: 90%;
}

footer {
    height: 5%;
}
footer p {
    text-align: center;
    margin: 0;
}

a:link {
    color: var(--link);
    font-weight: normal;
    text-decoration: none;
}
a:visited {
    color: var(--link);
    font-weight: normal;
    text-decoration: none;
}
a:hover {
    color: var(--yellow);
    font-weight: normal;
    text-decoration: none;
}