:root{background-color:#fff;font-family:Lato,sans-serif;font-optical-sizing:auto;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}.container{width:450px;margin:0 auto}:root{--card-bg: #ffffff;--card-text: #2c3e46;--lighterGray: #f3f7f9;--midLighterGray: #eaeff3;--lightGray: #ccd5dd;--middleGray: #74838a;--darkGray: #2c3e46;--orange: #ff6f00;--brightOrange: #ff881a;--dullOrange: #fbd1ab;--paleOrange: #ffeddc;--UpliftingGreen: #35c04c;--dullGreen: #ecffef;--red: #f03e3e;--brightRed: #ffb8ae;--dullRed: #fff0f0;--vividViolet: #8543da;--lightViolet: #eddfff;--skyBlue: #329dff;--grayWithOpacity: rgba(44, 62, 70, .2);--whiteOpacity: rgba(255, 255, 255, .7019607843);--balckWithOpacity: #fff;--gradientBlack: linear-gradient(90deg, rgb(50, 55, 62) 0%, rgb(42, 46, 51) 35%, rgb(12, 15, 17) 100%);--bodybg: #fff;--textwhite: #000}body.dark{--card-bg: #2c3e46;--card-text: #ffffff;--lighterGray: #2e3a40;--midLighterGray: #343f45;--lightGray: #4c575d;--middleGray: #9aa4a8;--darkGray: #ffffff;--orange: #ff6f00;--brightOrange: #ff881a;--dullOrange: #fbd1ab;--paleOrange: #ffeddc;--UpliftingGreen: #35c04c;--dullGreen: #ecffef;--red: #f03e3e;--brightRed: #ffb8ae;--dullRed: #fff0f0;--vividViolet: #8543da;--lightViolet: #eddfff;--skyBlue: #329dff;--grayWithOpacity: rgba(44, 62, 70, .2);--whiteOpacity: rgba(255, 255, 255, .7019607843);--balckWithOpacity: #1b1c1e;--gradientBlack: linear-gradient(90deg, rgb(12, 15, 17) 0%, rgb(42, 46, 51) 35%, rgb(50, 55, 62) 100%);--bodybg: #000;--textwhite: #fff}