.outerBox{background-color:#79726a;box-shadow:6px 6px 20px #3b4b50;display:flex;height:600px;left:50%;overflow:hidden;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:75vw}.divSection{height:1200px;width:37.5vw}.imageSection{height:600px;-webkit-transform:translateY(-302px);transform:translateY(-302px);width:40vw}.imageSection,.loginSection{transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.loginSection{background-color:#f6f4f1;height:1200vh;position:relative;-webkit-transform:translateY(0);transform:translateY(0)}.background{height:100vh;width:100vw}.loginlogo{display:block;height:100px;margin:30px auto auto;width:100px;z-index:2}.intro{font-size:larger;margin-top:20px;text-align:center}.formField{color:#403c38;display:flex;flex-direction:column;margin-top:-10px}.passField,.textField{margin:10px auto!important;width:70%}.loginBtn{background-color:#524e49;border:none;border-radius:20px;color:#f6f4f1;cursor:pointer;margin:20px auto auto;padding:10px 30px;-webkit-transform:scale(1);transform:scale(1);transition:transform .2s ease-in-out}.loginBtn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.bottomText{margin:10px 0;text-align:center}.bottom{margin-top:20px}.bottomLink{color:#00607d;cursor:pointer;margin-bottom:200px;text-decoration:underline;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}.bottomLink:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.errorMessage{color:#d32f2f;font-size:.75rem;font-weight:400;letter-spacing:.03333em;line-height:1.66;margin:-10px auto 20px;text-align:left;width:70%}@media screen and (max-width:930px){.imageSection{display:none}.loginSection,.outerBox{width:60vw}}@media screen and (min-width:300px){.loginSection,.outerBox{width:80vw}}@media screen and (min-width:1315px){.outerBox{width:60vw}.imageSection{width:30vw}}.footer{font-weight:100;text-align:center}.navbar{background-color:#f6f4f1;display:flexbox;height:9vh;padding:10px;position:relative}.nav-brand{border:3px ridge #3b4b501d;display:inline-block;font-size:25px;margin:0 auto 0 0;padding:3px}.logo{height:70px;left:45%;margin-top:30px;top:-30%;width:70px}.logo,.logout{position:absolute}.logout{height:30px;padding:5px;right:5vw;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease}.logout:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@media screen and (max-width:500px){.nav-brand{font-size:18px}.logout{font-size:12px;padding:5px}}.tasks{background-color:#3b4b500b;border:.1px solid #3b4b504a;height:65vh;margin:5vh auto;overflow-x:hidden;overflow-y:scroll;padding:10px;position:relative;width:50vw}.header{display:flex;flex-direction:row}.button{align-self:center;display:flex;height:30px;justify-content:center;margin-left:auto;margin-right:20px;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease;width:30px}.button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.svg{color:#3b4b50da;font-size:10px;text-align:center}.form{opacity:0;position:absolute;-webkit-transform:translateX(1000px);transform:translateX(1000px);transition:all 1s ease-in-out}.form,.form-visible{border:1px solid #3b4b503c;display:flex;flex-wrap:nowrap;font-size:13px;margin-bottom:2px;padding:5px}.form-visible{position:static;-webkit-transform:translateX(0);transform:translateX(0);transition:all .5s ease-in-out}.form input{margin:0 5px}.b-done{align-self:center;margin-right:5px;padding:3px}table,tr{width:100%}.task-title{width:70%}.task-form-title{margin:auto;width:95%}.task-form-date{margin:auto;width:90%}.task-date{width:20%}.task-bar{position:absolute;top:120px;transition:all .6s ease-in-out;width:97%}.task-bar-move{top:200px}.greetingBar{font-size:23px;font-weight:100;text-align:center}@media screen and (max-width:1000px){.tasks{width:80vw}}@media screen and (max-width:500px){.greetingBar{font-size:20px}.b-done{font-size:12px}.form-visible{display:block}.task-bar{top:106px}.task-bar-move{top:210px}.doneBtn{display:flex;justify-content:center}.tasks{padding:4px}}.task{-webkit-backdrop-filter:blur(16.1px);backdrop-filter:blur(16.1px);background:#3b4b503c;border:1px solid hsla(0,0%,100%,.387);margin-bottom:1px;padding:3px}.head{display:grid;grid-template-columns:auto auto;position:relative}.actions{margin-left:auto}.action-button{margin:1px;-webkit-transform:scale(.8);transform:scale(.8)}.task-header{border-bottom:1px solid #3b4b50da;transition:all .25s ease-in-out}.task-header:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.a-svg{color:#3b4b50da;text-align:center}.title{font-weight:900;-webkit-transform:translateY(4px);transform:translateY(4px)}.status{font-size:10px}.status-color{border-radius:10px;display:inline-block;height:10px;margin:0 2px;width:10px}.status-color-green{background-color:#1ad549}.status-color-red{background-color:#f63636}.deadline{display:inline-block;font-size:12px;font-weight:400;left:60%;margin:auto;position:absolute;top:30%}@media screen and (max-width:1000px){.deadline{font-size:10px;left:45%}.title{font-size:13px}.action-button{height:30px;width:37px}}.sidebar{align-items:center;border:inset #3b4b506b;display:flex;flex-direction:column;font-size:40px;padding-top:40px;width:30vw}.greeting{font-size:30px;margin-bottom:20px;text-align:center}.upcoming{font-size:20px;margin-top:30px}.blink{display:inline-block;font-size:40px;font-weight:900;margin:0 2px;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.table{border-collapse:collapse;font-size:15px;margin-top:20px;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:90%}.table:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.table,.td,.th{border-bottom:1px solid #3b4b505f}.td,.th{font-size:11px;text-align:center}@media screen and (max-width:1000px){.sidebar{padding:20px;width:80vw}}.grid{display:grid;grid-template-columns:auto auto;justify-content:space-evenly}@media screen and (max-width:1000px){.grid{grid-template-columns:auto}}*{font-family:Livvic,sans-serif}button{cursor:pointer}@font-face{font-display:swap;font-family:Livvic;font-style:normal;font-weight:200;src:url(/static/media/Livvic-ExtraLight.fd2c54634ea7f4ed992f.woff2) format("woff2"),url(/static/media/Livvic-ExtraLight.0386e6c52dea8c44abbe.woff) format("woff"),url(/static/media/Livvic-ExtraLight.ddf37db641f81018acfb.ttf) format("truetype")}*{font-family:Livvic,sans-serif!important}
/*# sourceMappingURL=main.d806f130.css.map*/