:root {
    --main-color: #f5f5f5; /*background color*/
    --secondary-color: #86d293; /*color 1 72bf78 a0d683 d3ee98 c0eba6 86d293 c8ffc8*/
    --tertiary-color: #424242; /*color 2 (3d3c37)*/
    --last-color: #1e201e; /*text color 181c14 (1e201e)*/
    --max-width: 1500px;
}

@font-face {
    font-family: PTSans;
    src: url(fonts/PT_Sans/PTSans-Regular.ttf);
}
@font-face {
    font-family: PTSans;
    font-weight: bold;
    src: url(fonts/PT_Sans/PTSans-Bold.ttf);
}
@font-face {
    font-family: PTSans;
    font-style: italic;
    src: url(fonts/PT_Sans/PTSans-Italic.ttf);
}
@font-face {
    font-family: RobotoMono;
    src: url(fonts/Roboto_Mono/static/RobotoMono-Regular.ttf);
}
@font-face {
    font-family: RobotoMono;
    font-weight: bold;
    src: url(fonts/Roboto_Mono/static/RobotoMono-Bold.ttf);
}
@font-face {
    font-family: RobotoMono;
    font-style: italic;
    src: url(fonts/Roboto_Mono/static/RobotoMono-Italic.ttf);
}
@font-face {
    font-family: "Inter", sans-serif;
    src: url(fonts/Inter/Inter-VariableFont_opsz\,wght.ttf);
}

body {
    font-family: PTSans;
    background-color: var(--main-color);
    color: var(--last-color);
    margin: 0;
    border: 0;
    padding: 0;
    top:0;
    z-index: 1;
    width:100%;
}

img.external-svg {
    height: 25px;
    width: 25px;
}

a {
    color: inherit;
}

code {
    padding: 0px 0px 0px 10px;
    margin: 0;
    border: 0;
}
pre {
    padding: 0;
    margin: 0;
    border: 0;
    white-space: pre-wrap;
}