html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html,body{margin:0;padding:0;box-sizing:border-box;overflow:hidden}html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:ivory;font-family:Lexend,sans-serif}canvas{display:block;width:100%;height:100%}.home-modal{color:#fff}.home-modal .name-container{display:flex;align-items:center}.home-modal .name-container .profile-pic{height:auto;width:25px;border-radius:50%;margin-right:10px}.home-modal .name-container #bell-icon{margin-left:10px;fill:#fff}.home-modal .notification-container{margin-top:20px;font-family:Karma,serif;display:flex;flex-direction:column;row-gap:10px}.home-modal .notification-container .notification{display:grid;grid-template-columns:1fr 6fr;background:rgb(102,71,236);background:linear-gradient(90deg,rgb(102,71,236) 0%,rgba(0,0,0,0) 100%);border-radius:10px;padding:4px;animation-name:slideIn;animation-duration:1.5s}.home-modal .notification-container .notification .badge-icon{margin-right:10px;height:27px;width:auto}.home-modal .notification-container .notification .achievement{display:flex-column;align-items:center}.home-modal .notification-container .notification .achievement h2{margin:0;font-size:16px;line-height:24px}.home-modal .notification-container .notification .achievement p{font-size:8px;line-height:16px;color:#ccc}.stats-modal{animation-name:slideIn;animation-duration:1.5s}.stats-modal h1{font-size:36px;line-height:32px;margin-bottom:10px;color:#fff}.stats-modal .summary-stats{color:#ccc;font-size:30px;line-height:40px;margin-bottom:10px}.stats-modal .summary-stats .badge-icon{height:100px;width:auto;margin-right:10px}#leva__root{opacity:0}.about-modal{animation-name:slideIn;animation-duration:1.5s}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.about-modal h1{font-size:40px;line-height:32px;margin-bottom:10px;color:#fff}.about-modal p{font-size:16px;line-height:24px;color:#fff}.header{background-color:#1a1a1a;color:#fff;padding:1rem}.header .container{display:flex;justify-content:space-between;align-items:center}.header .header__logo h1{margin:0;font-size:1.5rem}.header .header__nav .nav__list{list-style:none;margin:0;padding:0;display:flex}.header .header__nav .nav__list .nav__item{margin-left:1rem}.header .header__nav .nav__list .nav__item--profile{position:relative}.header .header__nav .nav__list .nav__item--profile .profile__dropdown{display:none;position:absolute;top:100%;left:0;background-color:#333;padding:.5rem;border-radius:4px}.header .header__nav .nav__list .nav__item--profile .profile__dropdown a{display:block;margin-bottom:.5rem;color:#fff;text-decoration:none}.header .header__nav .nav__list .nav__item--profile:hover .profile__dropdown{display:block}.header .header__nav .nav__list .nav__item a{color:#fff;text-decoration:none}