* {
    margin: 0;
    padding: 0;
    transition: all 0,5s ease;
}

*, *::before, *::after {
    box-sizing: border-box;
}

html {
    font-family: var(--font-spectral);
    overflow-y: scroll;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--pink)
}

body {
    background: var(--navy-blue);
    color: var(--white);
      font-family: var(--font-roboto);

}

img {
    display: block;
    height: 100%;
    pointer-events: none;
    object-fit: cover;
}

input, button, select {
    font: inherit;
    background: none;
    border: none;
    outline: none;
}

button {
    color: var(--white);
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    display: block;
    color: var(--white);
}

::-webkit-scrollbar {
    background: transparent;
    border-left: 1px solid var(--blue);
}

::-webkit-scrollbar-thumb {
    background: var(--yellow);
    border-radius: 5em;
    border: 3px solid var(--navy-blue);
}