:root{
    --color-1: #fff;
    --color-2: #222;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
body {
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    background: var(--color-2);
    color: var(--color-1);
}

@media (min-width: 576px) {
    
}  
@media (min-width: 768px) {
    
}  
@media (min-width: 992px) {
    
}  
@media (min-width: 1200px) {
    
}

a,
a:link,
a:visited,
a:hover,
a:active {
  outline: none !important;
  text-decoration: none;
}