@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Code+Latin:wght@100..700&display=swap');


body {
    margin: 0;
    background-color: #181818;
}

main {
    margin-left: 5vh;
    margin-right: 5vh;
}

* {
    scroll-behavior: smooth;
    color: white;
    font-family: 'M PLUS Code Latin', system-ui, -apple-system,
        BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.footNote {
    font-size: 80%;
}

#header {
    text-align: center;
    background-color: #242424;
}

#navigation button {
    padding: 2vh;
    background-color: #353535;
    border: #454545 solid 1.7px;
    border-radius: 2vh;
    margin: 1vh;
    font-size: larger;
    transition: all 0.25s ease;
}

#navigation button:hover {
    background-color: #454545;
}

#homeReal,
#components,
#import {
    margin-bottom: 75vh;
}

#homeReal {
    text-align: center;
}

#navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.centerText {
    text-align: center;
}

button:hover {
    cursor: pointer;
}