:root {
    --nav-bckgr: #00000099;
    --txt-white: #ffffff;
    --txt-black: #000000;
    --txt-active: #9E9E9E;
    --button: #E76020;
    --button-active: #FF7737;
    --mobile-arrow-bckg: #7f7f7f7f;

    

}



* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    left: 0;
    right: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

ul {
    list-style-type: none;

}

body {
  opacity: 1;
  transition: opacity 0.5s ease;
}

body.fade-out {
  opacity: 0;
}