#app{height:100svh;width:100svw;position:relative}.auth-page{height:100svh;width:100svw;position:relative;display:flex;justify-content:center;align-items:center}.auth-page header{height:60px;width:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center}.auth-title{font-weight:400;font-size:30px;color:#fffc}.auth-form{height:min-content;max-width:350px;min-width:270px;width:70svw;background-color:#1a1a28;background:linear-gradient(45deg,#1a1a28,#1a1a28,#212134);border-radius:10px;padding:30px;display:flex;flex-direction:column;justify-content:center}.auth-form h2{font-weight:500;font-size:35px;margin-bottom:20px;color:#fffc}.input-field-container{width:100%;height:40px;margin-bottom:10px}.input-field-container input{height:100%;width:100%;background-color:#ffffff1a;border:none;border-radius:5px;outline:none;padding:0 10px;box-shadow:inset 2px 2px 5px #00000026;color:#fffc}.input-field-container input::placeholder{color:#fff9}.error-message{color:#fffc;font-weight:300;font-size:14px;width:100%;text-align:center}#submit-button{height:40px;width:80px;border:none;border-radius:10px;outline:none;background-color:#fffc;box-shadow:2px 2px 5px #0000001a;display:flex;justify-content:center;align-items:center;margin:20px auto 15px;cursor:default;transition:.4s;opacity:.7;color:#000}.or-container{display:flex;align-items:center;justify-content:center;margin-bottom:15px}.or-container .line{width:100%;height:1px;background-color:#fff9}.or-container p{color:#fff9;font-weight:400;margin:0 5px}#google-button{width:200px;height:40px;margin:0 auto;display:flex;align-items:center;padding:10px;border-radius:10px;outline:none;border:none;box-shadow:2px 2px 5px #0000001a;cursor:pointer;transition:.4s}#google-button:hover{box-shadow:0 0 10px #fff}#google-button img{height:20px;width:20px;margin-right:10px}#google-button p{font-size:15px;text-wrap:nowrap;color:#000}.switch-forms{width:100%;text-align:center;color:#ffffffb3;margin-top:15px}.switch-forms a{color:#9393d1}#planner-container{height:100%;width:100%;display:flex;justify-content:center;align-items:end;position:relative}#planner-container header{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;height:60px;width:100%}#planner-container header h1{color:#fffc;font-weight:400}#planner-container header button{background-color:gray;position:absolute;height:40px;width:40px;right:10px;top:10px;border:2px solid white;border-radius:180px;cursor:pointer;transition:.2s;display:flex;justify-content:center;align-items:center;overflow:hidden}#planner-container header button img{height:100%;width:100%}#planner-container header button:hover{box-shadow:0 0 10px #fff}#planner{background-color:#1a1a28;background:linear-gradient(45deg,#1a1a28,#1a1a28,#222235);height:calc(100% - 100px);width:100%;max-width:600px;margin:20px;border-radius:10px;display:flex;flex-direction:column;align-items:center;padding:15px}#new-task-input{width:100%;height:40px;display:flex;justify-content:center;align-items:center;margin-bottom:15px}#new-task-input input{height:100%;width:100%;background-color:#ffffff1a;border:none;border-radius:5px;outline:none;padding:0 10px;box-shadow:inset 2px 2px 5px #00000026;color:#fffc;transition:.2s}#new-task-input input::placeholder{color:#fff9}#new-task-input button{height:100%;width:60px;margin-left:10px;border:none;border-radius:10px;outline:none;background-color:#fffc}#task-list{height:100%;width:100%;background-color:#181825;border-radius:10px;box-shadow:inset 2px 2px 10px #00000026;overflow:hidden}#profile-board-container{position:absolute;top:0;left:0;height:100svh;width:100svw;display:none;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;transition:.4s;opacity:0}#profile-board-container .background{height:100svh;width:100svw;position:absolute;top:0;left:0;z-index:1001}#profile-board{position:relative;height:500px;width:90%;max-width:400px;border-radius:10px;background-color:#1a1a28;background:linear-gradient(45deg,#1a1a28,#1a1a28,#232336);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1002;box-shadow:2px 2px 10px #0000004d}#profile-board #exit-button{position:absolute;top:15px;right:15px;height:30px;width:30px;cursor:pointer}#profile-board #exit-button img{height:100%;width:100%}#profile-board .profile-photo{height:250px;width:250px;border-radius:180px;border:none;margin-bottom:15px}#profile-board h1{color:#fffc;margin-bottom:15px;font-size:20px}#sign-out-button{background-color:#b93737;outline:none;border:none;border-radius:10px;height:50px;width:100px;font-size:20px;color:#fffc;cursor:pointer;transition:.2s}#sign-out-button:hover{box-shadow:0 0 10px #f27a7a}#task-container{height:0;width:100%;overflow:hidden;transition:.1s;display:flex}#task{width:100%;height:40px;display:flex;justify-content:left;align-items:center;transition:.4s;cursor:pointer}#task:hover{background-color:#ffffff05}#delete-task-button{height:40px;width:0;background-color:#fb4141;outline:none;border:none;cursor:pointer;transition:.2s;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}#delete-task-button:hover{background-color:#ff6565}#delete-task-button img{height:25px;width:25px}#task .bullet-point{height:20px;width:20px;border:2px solid rgb(255,235,188);border-radius:180px;margin:0 15px}#task h2{color:#fffc;font-size:25px;font-weight:300}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{height:100svh;width:100svw;position:relative;background-color:#100614}#root{height:100svh;width:100svw;position:relative;background:#1f1230;background:radial-gradient(at center bottom,#1f1230,#100614)}