@font-face {
    font-family: Montserrat;
    src: url("assets/fonts/Montserrat/Montserrat-VariableFont_wght.ttf");
}

html {
    scroll-behavior: smooth;
}

body{
    background-color: #040404;
    width: 100%;
    margin: 0;
    font-family: Montserrat, serif;
    color: #FFFFFF;
    font-weight: 500;
}

p{
    margin: 0;
    display: flex;
}

a{
    color: inherit;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

h1 {
    margin: 0;
}

h2 {
    margin: 0;
}

button{
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

.backgroundImage{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

body::-webkit-scrollbar {
    width: 15px;               /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
    background: #000000;        /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
    background-color: #7B32DF;    /* color of the scroll thumb */
    border-radius: 20px;       /* roundness of the scroll thumb */
    border: 3px solid #000000;  /* creates padding around scroll thumb */
    width: 10px;
}