@import"https://fonts.googleapis.com/css2?family=Bubblegum+Sans&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{padding:0;margin:0}html{overflow:hidden}body{display:flex;background-color:#000;color:#fff;height:100vh;width:100%;position:relative;overflow:hidden}.aside{width:14em;box-sizing:border-box;padding:1em 0;flex-shrink:0;display:flex;flex-direction:column}.main{flex:1;display:flex;padding:1em;overflow:hidden}.circleDecorative{position:absolute;background-color:#000;width:50em;height:50em;transform:translate(-50%,-50%);pointer-events:none;animation:pulse infinite 7s ease-in-out alternate;filter:blur(100px);border-radius:50%;z-index:-1}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.8)}to{transform:translate(-50%,-50%) scale(1.1)}}.circleDecorative.nb1{background:radial-gradient(circle,#7e25cd -70%,#000);left:90%;top:80%;opacity:.23;animation-delay:.5s}.circleDecorative.nb2{background:radial-gradient(circle,#3613c2 -50%,#000);left:5%;top:50%;opacity:.23;border-radius:50%}.circleDecorative.nb3{background:radial-gradient(circle,#eb8621b3 -50%,#000);left:40%;top:10%;opacity:.23;animation-delay:2s}.circleDecorative.nb4{background:radial-gradient(circle,#d97625 -50%,#000);left:60%;top:100%;opacity:.2;animation-delay:.7s}.circleDecorative.nb5{background:radial-gradient(circle,#7127b3 -50%,#000);left:30%;top:80%;opacity:.2;animation-delay:.5s}.circleDecorative.nb6{background:radial-gradient(circle,#2a2de9 -50%,#000);left:65%;top:35%;opacity:.2;animation-delay:1.3s}.circleDecorative.nb7{background:radial-gradient(circle,#e9662a -50%,#000);left:90%;top:5%;opacity:.2;animation-delay:1.7s}:root{font-family:roboto,sans-serif}.headerWrapper{width:100%;height:5em;overflow:hidden}.imgHeader{filter:invert(1);height:100%;width:100%;object-fit:cover}.asideNav{padding:1em;display:flex;flex-direction:column;gap:1em;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.asideNav::-webkit-scrollbar{display:none}.asideNav>div{display:flex;flex-direction:column;gap:.5em}.titleNav{color:#c8c8c866;font-weight:400;font-size:.9em}.titleNavIcon{display:none}.asideNav>div>ul{list-style:none;display:flex;flex-direction:column;gap:.6em}.elementNav{display:flex;align-items:center;gap:1em;padding:.5em 1em;border-radius:10px;width:100%;transition:all .15s ease-in-out;box-sizing:border-box}.elementNav:hover{background-color:#d6d6d633;cursor:pointer}.elementNav>span{text-shadow:0px 0px 6px rgb(255,255,255,.2)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48}@media(max-width:900px){.imgHeader{filter:none;object-fit:contain}.titleNav{display:none}.elementNav{justify-content:center;padding:.5em;aspect-ratio:1/1}.elementNav>span{display:none}.material-symbols-outlined{font-size:2em}.aside{width:5em;padding:1em 0 1em 1em}.asideNav{padding:0}}@media(max-width:600px){body{flex-direction:column-reverse;box-sizing:border-box}header{display:none}.aside{width:90%;height:4em;flex-direction:row;padding:0;z-index:1;border-radius:25px;background-color:#141414cc;position:fixed;bottom:calc(1em + env(safe-area-inset-bottom));left:5%;border:1px solid rgba(255,255,255,.07);box-shadow:0 2px 10px #00000080;z-index:99;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.imgHeader{display:none}.asideNav{flex-direction:row;width:100%;justify-content:space-evenly;align-items:center;overflow:visible;position:relative;padding:.25em;box-sizing:border-box}.asideNav>div{flex:1;height:100%;box-sizing:border-box;border-radius:20px;overflow:hidden}.asideNav>div>ul{position:absolute;flex-direction:row;width:100%;height:100%;left:0;border:1px solid rgba(255,255,255,.07);border-radius:25px;background-color:#141414f2;transition:all .15s ease-in-out;padding:.5em;box-sizing:border-box;bottom:0;opacity:0;pointer-events:none;transform:scaleX(0)}.asideNav>div>ul.visible{bottom:4.5em;opacity:1;pointer-events:all;transform:scaleX(1);background-color:#141414e6}.elementNav>i{display:none}.elementNav>span{display:flex}.elementNav{border-radius:25px;background-color:transparent;height:100%}.titleNav{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;height:100%;font-size:.8em;color:#fff9;transition:all .15s ease-in-out}.titleNav:hover{cursor:pointer;color:#a0a0a0}.titleNav:hover>.titleNavIcon{color:#a0a0a0}.titleNavIcon{transition:all .15s ease-in-out;display:flex;color:#fff}}.mainContainer{flex:1;padding:1em .5em;display:flex;flex-direction:column;gap:1.25em}.mainWrapper1,.mainWrapper2,.mainWrapper3{width:100%;display:flex;gap:1.25em}.mainWrapper1{height:20%}.mainContainer1,.mainContainer2{flex:1;display:flex;gap:1.25em}.mainWrapper2{flex:5;min-height:0}.mainWrapper3{flex:3;min-height:0}.smallContainerWrapper{background-color:#0a0a0a;background:radial-gradient(ellipse 150% 100% at 80% 60%,#292827ae -50%,#000);flex:1;position:relative;border-radius:15px;padding:1em;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 10px 10px 15px -10px #3232324d,inset -10px -10px 15px -10px #141414,0 14px 28px #00000040,0 10px 10px #00000038}.smallContainerWrapper:after{content:"";width:5em;height:5em;position:absolute;filter:blur(30px);bottom:0;left:0;transform:translate(-50%,50%)}.mainContainer1>.smallContainerWrapper:nth-child(1):after{background:radial-gradient(circle at 50% 50%,#14c211ee,#040404)}.mainContainer1>.smallContainerWrapper:nth-child(2):after{background:radial-gradient(circle at 50% 50%,#c28711,#040404)}.mainContainer2>.smallContainerWrapper:nth-child(1):after{background:radial-gradient(circle at 50% 50%,#1120c2,#040404)}.mainContainer2>.smallContainerWrapper:nth-child(2):after{background:radial-gradient(circle at 50% 50%,#b311c2,#040404)}.title{opacity:.8;font-size:clamp(1em,1vw,1.25em);font-weight:400;width:100%;height:fit-content;letter-spacing:.5px;padding-left:.5em;text-shadow:0px 0px 5px rgba(255,255,255,.3)}.content{flex:1;box-sizing:border-box;display:flex;overflow:hidden}.mediumContainerWrapper{flex:1;background-color:#1e1e1e;border-radius:15px;padding:1em;display:flex;flex-direction:column;position:relative;box-sizing:border-box;overflow:hidden;box-shadow:inset 10px 10px 15px -10px #3232324d,inset -10px -10px 15px -10px #141414,0 14px 28px #00000040,0 10px 10px #00000038;background:radial-gradient(ellipse 150% 100% at 80% 60%,#42403f83 -50%,#040404)}.bigContainerWrapper{flex:2;background-color:#0a0a0a;background:radial-gradient(ellipse 150% 100% at 80% 60%,#42403fae -50%,#040404);position:relative;border-radius:15px;padding:1em;overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 10px 10px 15px -10px #3232324d,inset -10px -10px 15px -10px #141414,0 14px 28px #00000040,0 10px 10px #00000038}.mediumContainerWrapper:after,.bigContainerWrapper:after{content:"";width:20em;height:5em;position:absolute;filter:blur(50px)}.mediumContainerWrapper:after{top:-2.2em;right:-6em}.bigContainerWrapper:after{top:-3em;right:-6em}.mainWrapper2>.mediumContainerWrapper:after{background:radial-gradient(circle at 50% 50%,#26c21140,#000)}.mainWrapper3>.mediumContainerWrapper:after{background:radial-gradient(circle at 50% 50%,#3211c266,#000)}.mainWrapper2>.bigContainerWrapper:after{background:radial-gradient(circle at 50% 50%,#c2611181,#000)}.mainWrapper3>.bigContainerWrapper:after{background:radial-gradient(circle at 50% 50%,#b311c24a,#000)}.welcomeWrapper{display:flex;flex:1;flex-direction:column;padding-top:.5em;padding-left:.5em;z-index:1;justify-content:center;box-sizing:border-box;align-items:center}.welcomeWrapper>h3{display:flex;display:inline-block;width:fit-content;font-size:min(3.25cqw,3.25cqh)}.welcomeWrapper>h5{font-size:min(2cqw,2cqh);color:#ffffffe6;font-weight:200;margin-top:.1em;margin-bottom:.25em;display:inline-block;width:fit-content}.welcomeWrapper>span{font-size:min(1.7cqw,1.7cqh);font-weight:300;letter-spacing:.6px;display:inline-block;width:fit-content}.clockWrapper{flex:1;display:flex;flex-direction:column;padding:.5em;z-index:1;gap:.25em;justify-content:center}.clock{font-size:min(5cqw,5cqh);font-weight:200;display:flex;justify-content:center}.date{font-size:min(1.8cqw,1.8cqh);letter-spacing:.5px;font-weight:100;display:flex;justify-content:center;white-space:nowrap}.weatherWrapper{z-index:1;font-size:.5em;padding:.5em;display:flex;overflow-x:scroll;flex:1}.weatherItem{display:flex;height:100%;flex-direction:column;flex:1;justify-content:center;align-items:center;overflow:hidden}.weatherItem>.hour{font-size:1.5em;font-weight:300}.weatherItem>.temperature{font-size:1.5em;font-weight:300}.weatherIcon{display:block;height:min(4cqw,4cqh)}.catWrapper{display:flex;position:relative;flex:1;align-items:center}.catCanvas{width:100%;height:100%;display:block;image-rendering:pixelated;z-index:1}.catWrapper>div{position:absolute;background-color:#3f3b3b33;right:0;padding:.25em .5em;border-radius:5px;font-weight:700;border:1px solid rgba(255,255,255,.1)}.timetableWrapper{display:flex;flex-direction:column;overflow:scroll;gap:.5em;font-size:.75em;box-sizing:border-box;padding:.5em;flex:1}.subjectWrapper{display:flex;gap:.5em;flex:1;width:100%}.subjectWrapper>aside{display:flex;flex-direction:column;justify-content:space-evenly;width:3em;align-items:center}.subjectWrapper>main{display:flex;gap:1em;align-items:center;border-radius:10px;padding:0 1em;width:20em;background-color:#ffffff0d;box-shadow:inset 10px 10px 15px -10px #3232324d,inset -10px -10px 15px -10px #141414,0 14px 25px #00000040,0 10px 10px #00000038;transform:scale(1);transition:all .1s ease-in-out}.subjectWrapper>main:hover{transform:scale(.975);cursor:pointer;background-color:#ffffff1a}.subjectMatiere,.subjectProf,.subjectSalle{flex:1}.timetableFreeWrapper{flex:1;display:flex;justify-content:center;align-items:center}.timetableFree{font-size:2em;font-weight:400;letter-spacing:1px}.contentLink{flex:1;display:flex;align-items:center;height:100%;gap:1em;justify-content:space-around}.link{width:clamp(5em,10vw,10em);aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;transition:all .1s ease-in-out;background-color:#ffffff0d;border-radius:15px;transform:scale(1.05);box-shadow:inset 10px 10px 15px -10px #3232324d,inset -10px -10px 15px -10px #141414,0 14px 25px #00000040,0 10px 10px #00000038}.link:hover{transform:scale(1);background-color:#ffffff1a}.link>.linkIcon{width:75%;height:100%;object-fit:contain}@media(max-width:1050px){.mainContainer{flex:none;width:100%;min-height:100vh;height:auto;box-sizing:border-box;overflow-y:auto;padding-bottom:3em}.mainWrapper1,.mainWrapper2,.mainWrapper3{flex-direction:column}.mainWrapper1{height:auto}.mainContainer1,.mainContainer2{flex:none;height:8em}.mainWrapper2,.mainWrapper3{flex:none;height:auto}.mediumContainerWrapper,.bigContainerWrapper{flex:none}.mainWrapper2>.bigContainerWrapper{height:10em}.mainWrapper2>.mediumContainerWrapper{height:20em}.mainWrapper3>.bigContainerWrapper{height:8em}.mainWrapper3>.mediumContainerWrapper{height:8em}}@media(max-width:800px){.contentLink{flex:none;flex-wrap:wrap;height:auto;padding:1em}.contentLink>.link{flex:0 0 calc(33.333% - .67em);aspect-ratio:1/1}.mainWrapper3>.bigContainerWrapper{height:auto}}@media(max-width:600px){.main{height:calc(100vh - 10em)}.mainContainer{padding-bottom:7.5em}.mainContainer1,.mainContainer2{flex-direction:column;height:16em}.smallContainerWrapper{flex-direction:column}}.toolbox{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;justify-content:flex-start;align-items:center;display:flex;flex:1;gap:1em;flex-direction:column;overflow-y:auto;min-height:0;position:relative}.toolboxTitleWrapper{display:flex;flex-direction:column;align-items:center;padding:3em;gap:.5em}.toolboxTitle{font-weight:700;font-size:2.5em}.toolboxParagraph{font-weight:200;letter-spacing:1px;color:#ffffff80}.toolboxGrid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));justify-items:center;row-gap:1em;padding:0 1em;box-sizing:border-box}.toolboxApp{width:12.5em;height:12.5em;aspect-ratio:1/1;display:flex;flex-direction:column;gap:.25em;transition:all .1s ease-in-out;padding:1em;box-sizing:border-box;border:1px solid rgba(255,255,255,.07);background-color:#1e1e1e26;box-shadow:0 3px 20px #00000080;border-radius:15px}.toolboxApp:hover{cursor:pointer;transform:translateY(-2px);box-shadow:0 3px 10px #00000080;background-color:#7c3aeb1a;border-color:#7c3aeb4d}.toolboxApp:hover>.toolboxHeader>.tabler-icon{transform:translate(5px,-5px);color:#7c3aeb}.toolboxHeader{display:flex;justify-content:space-between;align-items:center}.toolboxHeader>.tabler-icon{color:#646464;height:1em;transition:all .15s ease-in-out}.toolboxIcon{padding:.7em;box-sizing:border-box;border-radius:10px;display:flex;justify-content:center;align-items:center;box-shadow:0 5px 20px #00000080}.toolboxIcon>.tabler-icon{stroke:#fffc}.toolboxMain{display:flex;flex-direction:column;gap:.5em}.toolboxAppName{font-size:1.2em;font-weight:600;line-height:1.1;margin-top:.2em}.toolboxDescription{font-size:.8em;font-weight:400;color:#ffffff4d;line-height:1}.toolboxFooter{width:fit-content;gap:.5em;display:flex;align-items:center;justify-content:space-between;border:1px solid;border-color:#2b1c4c;padding:.3em .4em;border-radius:15px;box-sizing:border-box;margin-top:auto;background-color:#7236e10d}.toolboxFooter>svg{display:block;height:.7em;width:.7em}.toolboxFooter>span{display:flex;align-items:center;justify-content:center;line-height:1;font-size:.7em;color:#8069c1}.popupOverlay{width:100%;height:100%;position:absolute;animation:fadeIn .25s ease-in-out}.popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;border-radius:10px;border:1px solid rgba(255,255,255,.1);background-color:#0a0a0a;animation:popIn .25s ease-in-out;padding:1em;box-sizing:border-box;display:flex;flex-direction:column}.popup.closing{animation:popOut .2s ease-in-out}.popupBackButton{border:1px solid rgba(255,255,255,.1);background-color:transparent;border-radius:8px;display:flex;align-items:center;padding:.5em;color:#fff;transition:all .15s ease-in-out}.popupBackButton:hover{transform:scale(1.02) translateY(-2px);cursor:pointer;background-color:#1e1e1e;border-color:#fff}.popupHeader{display:inline-block;width:100%;height:fit-content;justify-content:space-between;display:flex;align-items:center}.popupTitle{display:flex;align-items:center;margin-left:.5em}.popupMain{height:100%;position:relative}.popupMain>.authorTag{width:fit-content;position:absolute;height:fit-content;bottom:.2em;right:.2em;font-size:.65em;display:flex;align-items:center;justify-content:center;gap:.2em;color:#ffffff4d}.authorTag>svg{height:1em;width:1em}@keyframes popIn{0%{top:60%;opacity:0;transform:translate(-50%,-50%) scale(.8)}to{top:50%;opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes popOut{0%{top:50%;opacity:1;transform:translate(-50%,-50%) scale(1)}to{top:60%;opacity:0;transform:translate(-50%,-50%) scale(.8)}}