@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap");*{margin:0;padding:0;-webkit-transition:background 200ms;transition:background 200ms;-webkit-box-sizing:border-box;box-sizing:border-box}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-thumb{background:#4e484b}::-webkit-scrollbar-track{background:#cacaca}:root{--bg1: url('../assets/blur-cover.jpg');--text-color: #fff;--text-color-light: #f8f8f8;--option-title: #cecece;--option-subtitle: #e7e7e7b6;--box-shadow: #3789db;--box-border: #418ad4;--overlay: #2680da;--blur-dark: brightness(80%);--blur-light: brightness(70%);--theme: #2b2b2b;--bg-color: rgba(35, 35, 35, 0.5)}body,html{font-family:'Source Sans Pro', sans-serif;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}body{position:relative}a{text-decoration:none !important}.light{--bg1: url('../assets/light-cover.jpg');--text-color: #232323;--text-color-light: #303030;--option-title: #363636;--option-subtitle: #3d3d3d;--box-shadow: #49a4ff;--box-border: #4b9ef1;--overlay: #2787e7;--blur-dark: brightness(95%);--blur-light: brightness(88%);--theme: #fff;--bg-color: rgba(255, 255, 255, 0.6)}nav{min-height:9vh;background:transparent;-ms-grid-columns:(minmax(200px, 1fr))[auto-fit];grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-column-gap:5px;justify-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-ms-grid;display:grid;position:fixed;width:100%;font-size:1.1rem;top:0;left:0;z-index:100;-webkit-transition:-webkit-backdrop-filter 300ms;transition:-webkit-backdrop-filter 300ms;transition:backdrop-filter 300ms;transition:backdrop-filter 300ms, -webkit-backdrop-filter 300ms}.scrolled-down{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--bg-color)}.nav-links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-grid-column:2;grid-column-start:2;width:70%;grid-column:span 2 / auto}.nav-links a{color:var(--text-color);text-decoration:none;font-weight:450;letter-spacing:0.7}@media (max-width: 1250px){.nav-links{width:90%}}@media (max-width: 800px){.nav-links{position:fixed;background:var(--box-border);height:100vh;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-clip-path:circle(80px at 90% -10%);clip-path:circle(80px at 90% -10%);-webkit-transition:all 1s ease-out;transition:all 1s ease-out;pointer-events:none;padding:100px 0}.nav-links.open{-webkit-clip-path:circle(1000px at 90% -10%);clip-path:circle(1000px at 90% -10%);pointer-events:all}.nav-links a{font-size:25px;font-weight:600;opacity:0}.nav-links a:nth-child(1){-webkit-transition:all 0.5s ease 0.2s;transition:all 0.5s ease 0.2s}.nav-links a:nth-child(2){-webkit-transition:all 0.5s ease 0.4s;transition:all 0.5s ease 0.4s}.nav-links a:nth-child(3){-webkit-transition:all 0.5s ease 0.6s;transition:all 0.5s ease 0.6s}.nav-links a:nth-child(4){-webkit-transition:all 0.5s ease 0.8s;transition:all 0.5s ease 0.8s}.nav-links a:nth-child(5){-webkit-transition:all 0.5s ease 1s;transition:all 0.5s ease 1s}.nav-links a:nth-child(6){-webkit-transition:all 0.5s ease 1.2s;transition:all 0.5s ease 1.2s}.nav-links a.fade{opacity:1}}.hamburger{display:none}@media (max-width: 800px){.hamburger{display:block;position:absolute;cursor:pointer;right:5%;top:50%;-webkit-transform:translate(-5%, -50%);transform:translate(-5%, -50%);z-index:20}.hamburger .line-1,.hamburger .line-2,.hamburger .line-3{width:30px;height:3px;background:var(--text-color);margin:5px;-webkit-transition:400ms;transition:400ms;border-radius:10px}}.nav-toggle .line-1{-webkit-transform:rotate(-45deg) translate(-5px, 6px);transform:rotate(-45deg) translate(-5px, 6px)}.nav-toggle .line-2{opacity:0}.nav-toggle .line-3{-webkit-transform:rotate(45deg) translate(-5px, -6px);transform:rotate(45deg) translate(-5px, -6px)}.avatar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}@media (max-width: 840px){.avatar{display:none}}.avatar img{height:auto;width:50px;border:4px solid var(--box-border);border-radius:50px;margin-right:2vw}.avatar .avatar-info{line-height:1.5;color:var(--text-color);font-weight:400}.avatar .avatar-info p:nth-child(2){color:var(--text-color-light)}.avatar .avatar-info .gold{font-weight:700;color:#232323;mix-blend-mode:screen;background-color:#f5f5f5;border-radius:50%;padding:0 5.5px}.nav-time{white-space:pre}.toggle{background:var(--theme);padding:8px;cursor:pointer;border-radius:50%;font-weight:500}.toggle.fa-moon{color:var(--text-color-light)}@media (max-width: 800px){.toggle{font-size:2rem;padding:14px}}.nav-info{color:var(--text-color-light);font-weight:450;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.nav-info>*{margin:0 1rem}@media (max-width: 970px){.nav-info>*{margin:0 0.6rem;font-size:0.95rem}}@media (max-width: 840px){.nav-info{display:none}}.nav-info #mic{cursor:pointer}:root{--bg-color: #3f3f3f;--border-color: #383838;--tab-bg: #525052;--tab-hover: #3f3d3f}.light{--bg-color: #fafafa;--border-color: #dfdfdf;--tab-bg: #eaeaea;--tab-hover: #f0f0f0}body{background:var(--bg-color);height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif}@media (min-width: 770px){nav{display:none}}.side-bar{width:20vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-right:1.7px solid var(--border-color);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width: 770px){.side-bar{display:none}}.top-area{width:100%}.icon{width:21%;height:50%;margin:0 auto 0 5rem}.icon img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.tabs{width:100%;color:var(--text-color-light)}.tabs .tab{width:100%;padding:1rem 5.6vw;font-size:1.11rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-right:5px solid transparent;cursor:pointer;-webkit-transition:background 200ms ease;transition:background 200ms ease}@media (max-width: 1150px){.tabs .tab{padding:0.87rem 2.6rem}}.tabs .tab:hover{background:var(--tab-hover);border-right:5px solid var(--box-shadow)}.tabs .tab.active{background:var(--tab-bg);border-right:5px solid var(--overlay)}@media (max-width: 980px){.tabs .tab .count{display:none}}.stats{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;margin:5vh 0;width:80%;color:var(--text-color-light)}.storage{line-height:1.8;font-size:1rem}@media (max-width: 1150px){.storage{display:none}}.circle-graph{position:relative;width:76px;height:76px;color:greenyellow;}canvas{display:block;position:absolute;top:0;left:0}.storage-percent{color:var(--text-color-light);display:block;line-height:76px;width:76px;text-align:center;font-family:sans-serif;font-size:1.08rem;font-weight:400;margin-left:2px}.right-section{width:calc(100vw - 24vw);padding:0 8vw;overflow-y:auto}@media (max-width: 770px){.right-section{width:100vw}}.games-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:8vh 0}.games-section .section{color:var(--text-color);font-size:1.8rem;font-weight:400;text-transform:uppercase;margin:0 0 4vh}.games-section .section-games{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(180px, 1fr))[auto-fill];grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:0.4rem;grid-auto-rows:27vh}@media (max-width: 550px){.games-section .section-games{-ms-grid-columns:(minmax(140px, 1fr))[auto-fit];grid-template-columns:repeat(auto-fit, minmax(140px, 1fr))}}
/*# sourceMappingURL=library.css.map */