@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/icon?family=Material+Icons);::-webkit-scrollbar{height:0;width:0}*{box-sizing:border-box}*,body{font-family:Poppins,sans-serif}body{align-items:center;background-color:#000;display:flex;justify-content:center;margin:0;min-height:100vh}p{color:#fff;font-size:25px;font-weight:550}.preserve-whitespace{white-space:pre-wrap}.habitshowcase{margin:15px;width:550px}.schedcard p{color:#fff;margin:4px 0}.small{color:#fff;font-size:18px;font-weight:400}.padding{margin:40px 0}.send-fixed{position:fixed;right:180px;top:54%;transform:translateY(-50%);z-index:1000}.centered-container,.centered-container-new{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;width:100%}.arrange-horizontal{display:flex}.arrange-horizontal-navbar{display:flex;flex-direction:row;gap:10px;left:0;padding:10px;position:fixed;top:0;width:100%;z-index:1000}.arrange-horizontal-navbar h1{color:#eab03c;font-size:40px;position:absolute;right:80px;top:50%;transform:translateY(-95%)}.auth h1{color:#eab03c;font-size:50px;margin-top:0}.auth h3{color:#fff;font-size:24px;margin-bottom:0}.arrange-horizontal-grid{align-items:center;display:grid;grid-template-columns:180px 180px 180px 180px 200px;margin:20px 0}.form-control{margin:20px 0 40px;position:relative;width:160px}.login{width:300px}.form-control input{background-color:initial;border:0;border-bottom:2px solid #fff;color:#fff;display:block;font-size:20px;padding:15px 0;width:100%}.form-control input:focus,.form-control input:valid{border-bottom-color:#eab03c;outline:0}.form-control label{left:0;pointer-events:none;position:absolute;top:15px}.form-control label span{color:#fff;display:inline-block;font-size:18px;min-width:5px;transition:.3s cubic-bezier(.68,-.55,.265,1.55)}.form-control input:focus+label span,.form-control input:valid+label span{color:#eab03c;transform:translateY(-30px)}.schedcard{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#c7c7c757;border-bottom:3px solid #adff2f70;border-left:2px outset rgba(173,255,47,.545);border-radius:8px;box-shadow:-40px 50px 30px #00000047;display:flex;flex-direction:column;height:100px;overflow:hidden;padding:.5rem;transform:skewX(10deg);transition:all .4s ease-in-out;width:600px}.schedcard:hover{height:300px;overflow-y:auto;transform:skew(0deg)}.schedcard:not(:hover){scroll-behavior:smooth;scroll-snap-type:y mandatory}.schedcard h1{color:#eab03c;margin:1.3rem;text-align:center;text-shadow:-10px 5px 10px rgba(0,0,0,.573)}.googlebtn button{align-items:center;background-color:#fff;border:1px solid #00000040;border-radius:.5rem;color:#413f3f;cursor:pointer;display:flex;font-size:.875rem;font-weight:700;gap:.75rem;line-height:1.25rem;max-width:320px;padding:.5rem 1.4rem;text-align:center;text-transform:uppercase;transition:all .6s ease;vertical-align:middle}.googlebtn svg{height:24px}.googlebtn button:hover{transform:scale(1.02)}.animated-button{align-items:center;background-color:inherit;border:4px solid #0000;border-radius:100px;box-shadow:0 0 0 2px #eab03c;color:#eab03c;cursor:pointer;display:flex;font-size:20px;font-weight:600;gap:4px;margin:10px 15px 10px 0;overflow:hidden;padding:16px 36px;position:relative;transition:all .6s cubic-bezier(.23,1,.32,1)}.animated-button svg{fill:#eab03c;position:absolute;transition:all .8s cubic-bezier(.23,1,.32,1);width:24px;z-index:9}.animated-button .arr-1{right:16px}.animated-button .arr-2{left:-25%}.animated-button .circle{background-color:#eab03c;border-radius:50%;height:20px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .8s cubic-bezier(.23,1,.32,1);width:20px}.animated-button .text{position:relative;transform:translateX(-12px);transition:all .8s cubic-bezier(.23,1,.32,1);z-index:1}.animated-button:hover{border-radius:12px;box-shadow:0 0 0 12px #0000;color:#000}.animated-button:hover .arr-1{right:-25%}.animated-button:hover .arr-2{left:16px}.animated-button:hover .text{transform:translateX(12px)}.animated-button:hover svg{fill:#000}.animated-button:active{box-shadow:0 0 0 4px #eab03c;scale:.95}.animated-button:hover .circle{height:220px;opacity:1;width:220px}.container{cursor:pointer}.container input{display:none}.container svg{overflow:visible}.path{fill:none;stroke:#eab03c;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:241 9999999;stroke-dashoffset:0;transition:stroke-dasharray .5s ease,stroke-dashoffset .5s ease}.container input:checked~svg .path{stroke-dasharray:70.5096664428711 9999999;stroke-dashoffset:-262.2723388671875}.card{align-items:center;background-color:red;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:300px;justify-content:center;left:42%;position:fixed;text-align:center;top:32%;transform:translate(-50%,-50%);transition:.4s ease;width:250px;z-index:1000}.centered-container-new>:not(.card){filter:blur(10px);transform:scale(.9);transition:filter .2s ease,transform .2s ease}textarea{background-color:#000;border:3px solid #eab03c;border-radius:20px;color:#fff;display:flex;font-size:20px;height:500px;justify-content:center;margin:10px 0;max-width:90%;outline:none;padding:20px;resize:none;transition:background-color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out;user-select:none;-webkit-user-select:none;width:900px}textarea:focus{background-color:#eab03c12}.loadingspinner{--square:40px;--offset:45px;--duration:2.4s;--delay:0.2s;--timing-function:ease-in-out;--in-duration:0.4s;--in-delay:0.1s;--in-timing-function:ease-out;height:calc(var(--offset)*2 + var(--square));margin:10px auto 30px;padding:0;position:relative;width:calc(var(--offset)*3 + var(--square))}.loadingspinner div{background:#eab03c;border:none;border-radius:2px;color:#000;display:inline-block;font-size:6pt;height:var(--square);margin:0;padding:0;position:absolute;width:var(--square)}.loadingspinner #square1{animation:square1 var(--duration) var(--delay) var(--timing-function) infinite,squarefadein var(--in-duration) calc(var(--in-delay)*1) var(--in-timing-function) both;left:calc(var(--offset)*0);top:calc(var(--offset)*0)}.loadingspinner #square2{animation:square2 var(--duration) var(--delay) var(--timing-function) infinite,squarefadein var(--in-duration) calc(var(--in-delay)*1) var(--in-timing-function) both;left:calc(var(--offset)*0);top:calc(var(--offset)*1)}.loadingspinner #square3{animation:square3 var(--duration) var(--delay) var(--timing-function) infinite,squarefadein var(--in-duration) calc(var(--in-delay)*2) var(--in-timing-function) both;left:calc(var(--offset)*1);top:calc(var(--offset)*1)}.loadingspinner #square4{animation:square4 var(--duration) var(--delay) var(--timing-function) infinite,squarefadein var(--in-duration) calc(var(--in-delay)*3) var(--in-timing-function) both;left:calc(var(--offset)*2);top:calc(var(--offset)*1)}.loadingspinner #square5{animation:square5 var(--duration) var(--delay) var(--timing-function) infinite,squarefadein var(--in-duration) calc(var(--in-delay)*4) var(--in-timing-function) both;left:calc(var(--offset)*3);top:calc(var(--offset)*1)}@keyframes square1{0%{left:calc(var(--offset)*0);top:calc(var(--offset)*0)}8.333%{left:calc(var(--offset)*0);top:calc(var(--offset)*1)}to{left:calc(var(--offset)*0);top:calc(var(--offset)*1)}}@keyframes square2{0%{left:calc(var(--offset)*0);top:calc(var(--offset)*1)}8.333%{left:calc(var(--offset)*0);top:calc(var(--offset)*2)}16.67%{left:calc(var(--offset)*1);top:calc(var(--offset)*2)}25.00%{left:calc(var(--offset)*1);top:calc(var(--offset)*1)}83.33%{left:calc(var(--offset)*1);top:calc(var(--offset)*1)}91.67%{left:calc(var(--offset)*1);top:calc(var(--offset)*0)}to{left:calc(var(--offset)*0);top:calc(var(--offset)*0)}}@keyframes square3{0%,to{left:calc(var(--offset)*1);top:calc(var(--offset)*1)}16.67%{left:calc(var(--offset)*1);top:calc(var(--offset)*1)}25.00%{left:calc(var(--offset)*1);top:calc(var(--offset)*0)}33.33%{left:calc(var(--offset)*2);top:calc(var(--offset)*0)}41.67%{left:calc(var(--offset)*2);top:calc(var(--offset)*1)}66.67%{left:calc(var(--offset)*2);top:calc(var(--offset)*1)}75.00%{left:calc(var(--offset)*2);top:calc(var(--offset)*2)}83.33%{left:calc(var(--offset)*1);top:calc(var(--offset)*2)}91.67%{left:calc(var(--offset)*1);top:calc(var(--offset)*1)}}@keyframes square4{0%{left:calc(var(--offset)*2);top:calc(var(--offset)*1)}33.33%{left:calc(var(--offset)*2);top:calc(var(--offset)*1)}41.67%{left:calc(var(--offset)*2);top:calc(var(--offset)*2)}50.00%{left:calc(var(--offset)*3);top:calc(var(--offset)*2)}58.33%{left:calc(var(--offset)*3);top:calc(var(--offset)*1)}to{left:calc(var(--offset)*3);top:calc(var(--offset)*1)}}@keyframes square5{0%{left:calc(var(--offset)*3);top:calc(var(--offset)*1)}50.00%{left:calc(var(--offset)*3);top:calc(var(--offset)*1)}58.33%{left:calc(var(--offset)*3);top:calc(var(--offset)*0)}66.67%{left:calc(var(--offset)*2);top:calc(var(--offset)*0)}75.00%{left:calc(var(--offset)*2);top:calc(var(--offset)*1)}to{left:calc(var(--offset)*2);top:calc(var(--offset)*1)}}@keyframes squarefadein{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.App{font-family:Arial,sans-serif;padding:20px;text-align:center}.input-container{margin-bottom:20px}input{margin-right:10px;width:200px}button,input{font-size:16px;padding:10px}ul{list-style-type:none;padding:0}li{grid-template-columns:70px 280px 170px}.schedcard li,li{align-items:center;display:grid;margin:3px 0}.schedcard li{grid-template-columns:30px 250px 100px 240px}.habitfeatures{align-items:center;display:grid;grid-template-columns:60px 180px 200px 200px;margin:3px 0}li button{background-color:red;border:none;color:#fff;cursor:pointer;padding:5px 10px}li button:hover{opacity:.8}@media only screen and (max-width:1100px){.form-control{width:140px}.form-control input{font-size:18px;padding:15px 0}.form-control label span{font-size:15px}.arrange-horizontal-grid{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-auto-rows:auto;grid-template-columns:1fr;justify-items:center;margin:20px 0}.schedcard{height:50px;width:250px}.schedcard:hover{height:150px}.schedcard li{grid-template-columns:1px 90px 20px 110px}.schedcard h1{font-size:18px;margin:.2rem}.arrange-horizontal{flex-direction:column;gap:10px}.animated-button{padding:12px;width:120px}.animated-button .text{font-size:13px;transform:translateX(0)}.animated-button:hover .text{transform:translateX(30px)}.task-item{font-size:14px;padding:10px}li{grid-template-columns:50px 130px 100px}.habitfeatures{grid-template-columns:150px 110px}p{font-size:16px;font-weight:550}textarea{height:200px;width:350px}.card{left:17%;top:30%}.auth h1{font-size:28px}.auth h3{font-size:15px}}
/*# sourceMappingURL=main.39944e6f.css.map*/