/* CSS RESET */

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

* {
    margin: 0; 
    padding: 0; 
}

ul[role='list'], ol[role='list'] {
    list-style: none; 
}

html:focus-within{
    scroll-behavior: smooth; 
}

a:not([class]) {
    text-decoration-skip-ink: auto; 
}

img, picture, svg, video, canvas {
    max-width: 100%;
    height: auto; 
    vertical-align: middle; 
    font-style: italic; 
    background-repeat: no-repeat; 
    background-size: cover;
}

input, button, textarea, select {
    font: inherit; 
}

@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto;
    }
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
        transition: none;
    }
}

body, html {
    height: 100%; 
    scroll-behavior: smooth; 
}

/* MAIN CSS */

a, a:visited {
    color: #ff3300; 
    text-decoration: none;
}

a:hover, a:focus, a:active {
    color: #e6ab99;
}

body {
    background-color: rgb(11, 16, 22);
    background-image: url(pulse-digital-media.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100vh;
}

@media (max-width: 767px) {
    body {
        background-position: -128px 0;
    }
}