@font-face{font-family:font;src:local("Lato Regular"),local("Lato-Regular"),url(/fonts/Lato-Regular.woff) format("woff"),url(/fonts/Lato-Regular.woff2) format("woff2");font-display:swap}*{padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{overflow-x:hidden;font-family:font,Lato;background-color:#fefefe;overscroll-behavior:none}.Layout_Home{width:100vw;height:100vh}.Layout_Home nav{width:100%;background-color:#ebedf1;height:5%}.Layout_Home nav img{height:3vh;margin:1vh;float:left}.Layout_Home .nav_a{color:#2a2a2b;text-decoration:none;font-weight:700;font-size:18px;float:right;margin:0 5vw 0 0;line-height:5vh}.Layout_Home .Main{position:absolute;width:100%;height:95%;background-image:url(/images/Home/background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center}.Layout_Home .Main .Box{width:82%;text-align:center;font-size:24px;background-color:#f0f0f0;padding:15% 10%;border-radius:2%;box-shadow:0 7px 20px 1px #42445ac0}.Layout_Home .Main .Box p{font-weight:700}.Home_loading{max-width:70vw;max-height:60vh;bottom:0;left:0;margin:auto;overflow:auto;position:fixed;right:0;top:0;-o-object-fit:contain;object-fit:contain;z-index:40;background-image:url(/images/Home/loading.svg);background-position:center;background-repeat:no-repeat;background-size:cover;cursor:wait}.Footer{position:absolute;width:100%;top:100%;left:0;background-color:#121212;padding:5%;color:#fff;text-align:center}.Footer .List{width:33%;float:left}.Footer .List p{margin:10% 0;font-size:x-small;cursor:pointer}.Layout_Home:has(.Main):has(.Box):has(.MainLogo)+.Footer{top:289%}.button-30{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fcfcfd;border-radius:4px;border-width:0;box-shadow:#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset;box-sizing:border-box;color:#36395a;cursor:pointer;display:inline-flex;justify-content:center;line-height:1;list-style:none;overflow:hidden;position:relative;text-align:left;text-decoration:none;transition:box-shadow .15s,transform .15s;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform;padding:5% 10%}.button-30:focus{box-shadow:#d6d6e7 0 0 0 1.5px inset,#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset}.button-30:hover{box-shadow:#2d234266 0 4px 8px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset;transform:translateY(-2px)}.button-30:active{box-shadow:#d6d6e7 0 3px 7px inset;transform:translateY(2px)}@media all and (min-width: 768px),(orientation: landscape){.Layout_Home .Main .Box{width:70%;padding:5% 5% 5% 0;border-radius:2%;box-shadow:0 7px 20px 1px #42445ac0}.Layout_Home nav{height:7%}.Layout_Home .Main{height:93%}.Layout_Home .nav_a{line-height:7vh}.Layout_Home nav img{height:5vh;margin:1vh 2vh}.Home_loading{max-width:50vw;max-height:70vh}.Footer{padding:.01% 5% 0 0}.Footer .List p{font-size:medium}.Layout_Home:has(.Main):has(.Box):has(.MainLogo)+.Footer{top:365%}.button-30{padding:2% 3%}}@media all and (min-width: 1200px){.Layout_Home .Main .Box{width:60%;padding:5%;border-radius:2%;box-shadow:0 7px 20px 1px #42445ac0}}.GreetingsMainPage{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;background-color:#f0f0f0;display:flex;justify-content:center;align-items:center;animation:fadein .5s .4s cubic-bezier(.895,.03,.685,.22) both}.GreetingsMainPage img{width:88vw;-webkit-animation:scale-out-center .5s .4s cubic-bezier(.895,.03,.685,.22) both;animation:scale-out-center .5s .4s cubic-bezier(.895,.03,.685,.22) both}.MainLogo{width:90%}.Info{position:absolute;top:100%;left:0;width:100%;height:200%;background-image:url(/images/Home/background2.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.InfoP{width:100%;height:33%;display:flex;justify-content:center;align-items:center;flex-direction:column}.Info p{color:#fff;font-size:32px;line-height:72px;margin-bottom:2%;width:90%;padding:4%;background-color:#cecece80;border-radius:1rem;box-shadow:0 12px 24px 10px #cecece80}@media all and (min-width: 768px),(orientation: landscape){.GreetingsMainPage img{height:60vh;width:auto}.MainLogo{width:40%}.Info{height:300%}.Info p{font-size:64px}}@-webkit-keyframes scale-out-center{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(.6);transform:scale(.6);opacity:1}}@keyframes scale-out-center{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(.6);transform:scale(.6);opacity:1}}@keyframes fadein{0%{opacity:1}20%{opacity:.95}50%{opacity:.8}to{opacity:0}}.LoginForm{width:90%;margin:10% 5%}.LoginForm label{float:left}.LoginForm input{width:100%;margin:0;border:1.2px #19191a solid;background-color:#fbfbfb}.LoginForm button{margin-top:5%;float:left;cursor:pointer;font-size:small}.BadInput{border:2px solid #ff2f2f;-webkit-animation:bounce-left .8s cubic-bezier(.68,-.55,.265,1.55) both;animation:bounce-left .8s cubic-bezier(.68,-.55,.265,1.55) both}.AlertLogin{position:absolute;bottom:5vh;width:80%;left:0;right:0;margin-left:auto;margin-right:auto;font-size:18px;border:4px solid #ff2f2f;padding:1rem 2rem;background-color:#ff2f2f25;font-weight:700;-webkit-animation:slide-in-elliptic-bottom-fwd .7s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-elliptic-bottom-fwd .7s cubic-bezier(.25,.46,.45,.94) both}.AlertLoginExit{-webkit-animation:fade-out-bottom .7s cubic-bezier(.25,.46,.45,.94) both;animation:fade-out-bottom .7s cubic-bezier(.25,.46,.45,.94) both}@media all and (min-width: 768px),(orientation: landscape){.LoginForm{width:100%;margin:10% 5%}.AlertLogin{width:50%}}@media all and (min-width: 1200px){.AlertLogin{width:40%}}@-webkit-keyframes bounce-left{0%{-webkit-transform:translateX(-48px);transform:translate(-48px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateX(-26px);transform:translate(-26px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateX(-13px);transform:translate(-13px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateX(-6.5px);transform:translate(-6.5px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateX(-4px);transform:translate(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%,98%{-webkit-transform:translateX(0);transform:translate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform:translateX(0);transform:translate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}@keyframes bounce-left{0%{-webkit-transform:translateX(-48px);transform:translate(-48px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateX(-26px);transform:translate(-26px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateX(-13px);transform:translate(-13px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateX(-6.5px);transform:translate(-6.5px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateX(-4px);transform:translate(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%,98%{-webkit-transform:translateX(0);transform:translate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform:translateX(0);transform:translate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}@-webkit-keyframes slide-in-elliptic-bottom-fwd{0%{-webkit-transform:translateY(600px) rotateX(30deg) scale(0);transform:translateY(600px) rotateX(30deg) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;opacity:0}to{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% -1400px;transform-origin:50% -1400px;opacity:1}}@keyframes slide-in-elliptic-bottom-fwd{0%{-webkit-transform:translateY(600px) rotateX(30deg) scale(0);transform:translateY(600px) rotateX(30deg) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;opacity:0}to{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% -1400px;transform-origin:50% -1400px;opacity:1}}@-webkit-keyframes fade-out-bottom{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}}@keyframes fade-out-bottom{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}}.SignupForm{width:90%;margin:10% 5%}.Layout_Home .Main .Box:has(>.SignupForm){padding-bottom:25%}.SignupForm label{font-size:medium;float:left}.SignupForm input{width:100%;margin:0;border:1.2px #19191a solid;background-color:#fbfbfb}.SignupForm button{margin-top:12%;float:left;font-size:large;cursor:pointer}.SignupForm label[for=CheckboxPrivacyPolicy]{text-align:left;width:100%;margin:5% 0;font-size:medium;vertical-align:middle}.SignupForm input[type=checkbox]{width:auto;vertical-align:middle;margin-right:2%}.SignupForm .PrivacyPolicy{color:#00f;cursor:pointer}@media all and (min-width: 768px),(orientation: landscape){.SignupForm{width:100%;margin:5%}.Layout_Home .Main .Box:has(>.SignupForm){padding-top:4%;padding-bottom:3%}.SignupForm label[for=CheckboxPrivacyPolicy]{margin:3% 0}.SignupForm button{margin-top:3%}}.PanelNav{position:fixed;width:100%;height:5vh;background-image:url(/images/Panel/navbar.png);background-repeat:no-repeat;background-position:left;background-size:cover;z-index:100}.PanelNav img{height:3vh;margin:1vh}.PanelNav img:nth-child(1){float:left}.PanelNav img:nth-child(2){float:right;cursor:pointer}.PanelNav .AccountSettings{position:fixed;top:5vh;right:0;background-color:#ededed;border:1px black solid;padding:7%;z-index:30;text-align:center}.PanelNav .AccountSettings span{color:#7c7c7c;display:inline-block}.PanelNav .AccountSettings p{margin:20% 0;cursor:pointer}.PanelNav #FirstAnim{-webkit-animation:slide-in-blurred-tr .6s cubic-bezier(.23,1,.32,1) both;animation:slide-in-blurred-tr .6s cubic-bezier(.23,1,.32,1) both}.PanelNav #SecondAnim{-webkit-animation:slide-in-blurred-tr .6s .2s cubic-bezier(.23,1,.32,1) both;animation:slide-in-blurred-tr .6s .2s cubic-bezier(.23,1,.32,1) both;margin-bottom:5%}.PanelNav .InvisibleBackground{position:fixed;width:100vw;height:95vh;top:5vh;left:0;z-index:29}.PanelBody{background-color:#fafafa;min-height:100vh;--lineHeightMain: 5vh}.PanelBody .Main{width:100%;padding:5vh 3vw 0 3vw;display:flex;flex-wrap:wrap}.PanelBody .Directory{flex:50%;line-height:var(--lineHeightMain);font-size:medium;border-bottom:1px black solid;margin-top:5%;float:left;word-break:break-all}.PanelBody .Inputs{flex:50%;float:right;margin-top:5%}.PanelBody .Inputs img{float:right;margin:0 5%;height:var(--lineHeightMain);cursor:pointer}#file-upload{display:none}.Undo{width:5%;margin:5% 0;cursor:pointer}@media all and (min-width: 768px),(orientation: landscape){.PanelNav{height:7vh}.PanelNav img{height:5vh;margin:1vh}.PanelNav .AccountSettings{top:7vh;right:1px;padding:2%}.PanelNav .AccountSettings span{margin-bottom:10%}.PanelNav .AccountSettings p{margin:20% 0}.PanelBody{--lineHeightMain: 8vh}.PanelBody .Directory{font-size:24px}.Undo{margin:1% 0}}@-webkit-keyframes slide-in-blurred-tr{0%{-webkit-transform:translate(1000px,-1000px) skew(-80deg,-10deg);transform:translate(1000px,-1000px) skew(-80deg,-10deg);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}to{-webkit-transform:translate(0,0) skew(0deg,0deg);transform:translate(0) skew(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes slide-in-blurred-tr{0%{-webkit-transform:translate(1000px,-1000px) skew(-80deg,-10deg);transform:translate(1000px,-1000px) skew(-80deg,-10deg);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}to{-webkit-transform:translate(0,0) skew(0deg,0deg);transform:translate(0) skew(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}.Files{width:100%;margin-top:3%;display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;gap:5%;padding:0 5%}.File{width:100%;height:auto;background-color:#f0f8ff;border:2px solid grey;border-radius:5%;padding:5% 10%}.File img{width:60%;margin:0 20%}.File p{text-align:center;word-break:break-all}@media all and (min-width: 768px),(orientation: landscape){.Files{grid-template-columns:repeat(4,1fr);gap:2%;padding:0 3%;margin-top:2%}.File img{width:50%}.File p{margin-top:5%}}@media all and (min-width: 1200px){.Files{grid-template-columns:repeat(5,1fr)}}.PreviewFile{position:fixed;top:6vh;left:3vw;width:94vw;height:90vh;background-color:#e1e0e0;border:#c8c8c8 2px solid;z-index:30;--lineHeightPreviewFileNav: 3vh}.InvisibleBackground{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;background-color:transparent}.PreviewFile nav{width:100%;min-height:var(--lineHeightPreviewFileNav);background-color:#c8c8c8;text-align:center}.PreviewFile nav p{color:#fff;font-weight:700;word-break:break-all;width:90%}.PreviewFile nav img{position:absolute;top:0;right:0;height:var(--lineHeightPreviewFileNav);cursor:pointer}.Toolbar{float:left;width:100%;background-color:transparent;padding:3%;position:relative;z-index:50}.Toolbar img{height:4.5vh;float:left;margin:0 5% 0 0;border:1px solid black;padding:2%;cursor:pointer;background-color:#e1e0e0}.PreviewFile .Preview img{max-width:90%;max-height:90%;bottom:0;left:0;margin:auto;overflow:auto;position:fixed;right:0;top:0;-o-object-fit:contain;object-fit:contain;z-index:40}.PreviewFile .Preview iframe{width:100%;height:80vh}.PreviewFile .Preview h1{text-align:center;margin-top:15%}@media all and (min-width: 768px),(orientation: landscape){.PreviewFile{width:96%;height:92vh;left:2vw;--lineHeightPreviewFileNav: 6vh}.PreviewFile nav p{font-size:22px;line-height:var(--lineHeightPreviewFileNav)}.PreviewFile nav img{height:calc(var(--lineHeightPreviewFileNav) - 5px);margin:5px 0}.Toolbar{padding:2%}.Toolbar img{margin:0 1%;height:7vh;padding:.7%}.PreviewFile .Preview img{max-width:80%;max-height:70%}.PreviewFile .Preview iframe{width:100%;height:60vh}}.PanelBody .Option{position:absolute;background-color:#d9e9fa;padding:2%;border:2px #bdbdbd solid;-webkit-animation:puff-in-ver .3s cubic-bezier(.47,0,.745,.715) both;animation:puff-in-ver .3s cubic-bezier(.47,0,.745,.715) both;z-index:30}.PanelBody .Option p{margin:10% 0;cursor:pointer}.PanelBody .Option hr{border:0;border-bottom:1px #bdbdbd dotted}.PanelBody .InvisibleBackground{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:29}@-webkit-keyframes puff-in-ver{0%{-webkit-transform:scaleY(2);transform:scaleY(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}to{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes puff-in-ver{0%{-webkit-transform:scaleY(2);transform:scaleY(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}to{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}}.Logout{position:fixed;top:0;left:0;width:100vw;height:100vh;text-align:center;background-image:url(/images/Home/background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center}.Logout img{position:absolute;width:6vw;top:1.3vh;left:1.3vh}.Logout div{margin-bottom:10vh}.Logout div h1{font-weight:700;font-size:xx-large}@media all and (min-width: 768px),(orientation: landscape){.Logout img{width:4vw}}@media all and (min-width: 1200px){.Logout img{width:2vw;left:1.5vh;top:1.5vh}}.Account{width:100vw;height:100vh;background-color:#ededed;position:absolute;top:0;left:0}.Account img{position:absolute;left:2vw;top:2vw;width:5vw}.Account .return{position:absolute;top:1.5vh;right:5vw;cursor:pointer}.AccountSetting{width:70%;padding:5%;margin:30% 15%;border:2px black solid;text-align:center}.AccountSetting h1{margin:5vh 0}.AccountSetting p{margin-top:5%}.AccountSetting button{margin-top:70%;margin-bottom:20%;padding:5% 10%;border-radius:2em;font-size:large;font-weight:700;color:red;border:3px #ff0000 solid;background-color:#ff000017;cursor:pointer}.AccountSetting button:hover{background-color:#ff000029}@media all and (min-width: 768px),(orientation: landscape){.AccountSetting{width:60%;margin:4% 20%}.Account img{width:4vw}.Account .return{right:3vw;top:1vh}.AccountSetting h1{margin:0}.AccountSetting button{margin-top:30%;margin-bottom:0;padding:3% 7%}}@media all and (min-width: 1200px){.AccountSetting{margin:5% 20%}.Account img{width:2vw;left:1.5vh;top:1.5vh}.Account .return{right:3vw;top:2vh;font-size:large}.AccountSetting h1{margin:1vh}.AccountSetting button{margin-top:20%;margin-bottom:0;padding:3% 7%}}