@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);
.aurora-outer{box-sizing:border-box;height:95vh;width:100vw}.card{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:rgba(37,40,44,.75);border-radius:12px;border:1px solid rgba(255,255,255,.125);width:200px;height:95vh}.homeContainer{display:flex;justify-content:space-around;align-items:center;flex:1;margin:5px;background-size:cover;background-position:center}
.header{display:flex;height:5vh;width:100vw}
.footer{display:flex;height:5vh;width:100vw}
.homeSidebarContainer{background-color:var(--theme-bg-color);justify-content:space-around;align-items:flex-start;flex:.12;height:85vh;padding:20px;border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;border-radius:10px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:15px;font-weight:300;color:#fff;outline-color:#000;border-right:.1px solid #fff;border-top-right-radius:0px;border-bottom-right-radius:0px}.homeSidebarContainer__item{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-direction:row;justify-content:flex-start;align-items:center;width:90%;white-space:nowrap;gap:5px;padding:10px}.homeSidebarContainer__item:hover{background-color:var(--hover-menu-bg);border-radius:5px}.homeSidebarContainer__item>img{width:20%;height:100%}
.homeMainContent{display:flex;flex:.9;height:90vh;background-color:var(--theme-bg-color);border-radius:10px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top-left-radius:0px;border-bottom-left-radius:0px}.homeMainContent__container{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-direction:row;height:80%;width:100%;flex:1;gap:20px;box-sizing:border-box}.homeMainContent__container__card{width:200px;height:150px;background-color:#000;color:#fff;text-align:center}
.challengeContainer{height:100vh;width:100vw}.challengeContainer>*{width:60vw;height:90vh;text-align:center}
body{width:100%;height:100%}:root{--theme-bg-color: rgba(16 18 27 / 40%);--border-color: rgba(113 119 144 / 25%);--theme-color: #f9fafb;--inactive-color: rgba(113, 119, 144 , 0.78);--body-font: "Poppins", sans-serif;--hover-menu-bg: rgba(12 15 25 / 30%);--content-title-color: #999ba5;--content-bg: rgba(146 ,151,179, 0.13);--button-inactive: rgba(249 ,250, 251, 0.55);--dropdown-bg: #21242d;--dropdown-hover: rgba(42, 46, 60);--popup-bg: rgba(22, 25, 37);--search-bg: #14162b;--overlay-bg: rgba(36, 39, 59, 0.3);--scrollbar-bg: rgba(1,2 ,3 , 0.40)}.light-mode{--theme-bg-color: rgba(255 ,255, 255 ,0.31);--theme-color: #3c3a3a;--inactive-color: #333333;--button-inactive: #3c3a3a;--search-bg: rgba(255 ,255, 255 ,0.31);--dropdown-bg: #f7f7f7;--overlay-bg: rgba(255 ,255, 255 ,0.30);--dropdown-hover: rgba(236, 236 ,236);--border-color: rgba(255, 255, 255, 0.35);--popup-bg: rgba(255, 255, 255);--hover-menu-bg: rgba(255 ,255, 255 ,0.35);--scrollbar-bg:rgba(253 ,253, 253 ,0.35);--content-title-color: --theme-color}*{margin:0;padding:0;font-family:var(--body-font)}*::after,*::before{box-sizing:inherit}html,body{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-size:65.3%;background-size:cover;background-position:center}.app{width:100%;height:100%;background-image:linear-gradient(to top, #3f51b1 0%, #5a55ae 13%, #7b5fac 25%, #8f6aae 38%, #a86aa4 50%, #cc6b8e 62%, #f18271 75%, #f3a469 87%, #f7c978 100%)}body{background-color:#191515;background-image:radial-gradient(at 47% 33%, #3b89de 0, transparent 59%),radial-gradient(at 82% 65%, #443c3c 0, transparent 55%)}.card{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:rgba(66,69,76,.75);border-radius:12px;border:1px solid rgba(255,255,255,.125)}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
