:root{--background-color: #F5F5F5;--logo-color: #333538;--header-text-color: #383838;--text-description-color: #626262;--text-title-color: #000000;--container-background-color: #FFFFFF;--button-background-color: #383838;--button-text-color: #FFFFFF;--button-hover-background-color: #333538;--background-milk: #F5F5F5;--background-white: #FFFFFF;--background-black: #1C1C1C;--background-gray: #383838;--text-white: #FFFFFF;--text-dark-gray: #626262;--text-light-gray: #BDBDBD;--text-black: #000000}body,html{margin:0;padding:0;width:100%;height:auto;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;scrollbar-width:none;background-color:var(--background-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-in{animation:fadeIn .3s ease}.fade-out{animation:fadeOut .3s ease}@media(prefers-color-scheme:dark){:root{--background-color: #1C1C1C;--logo-color: #F5F5F5;--header-text-color: #FFFFFF;--text-description-color: #BDBDBD;--text-title-color: #FFFFFF;--container-background-color: #383838;--button-background-color: #FFFFFF;--button-text-color: #000000;--button-hover-background-color: #F5F5F5}}