@import url("css/header.css");
@import url("css/main.css");
@import url("css/about_me.css");
@import url("css/skills.css");
@import url("css/projects.css");
@import url("css/footer.css");

html {
    scroll-behavior: smooth;
}

:root {
    --main-font: 'Oswald', sans-serif;
    --background-color: #101820FF;
    --darker-background-color: rgb(12, 18, 24);
    --lighter-background-color: #1f2933;
    --contrast-color: #FEE715FF;
    --time-animation: 50s;
}

body {
    font-family: var(--main-font);
    background-color: var(--background-color);
    box-sizing: border-box;
    color: white;
}

.container__title {
    font-size: 1.5em;
    margin: 1.5em 0;
}