*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.signin-page{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.signin-container{height:500px;width:450px;display:flex;flex-direction:column;justify-content:center;align-items:center}.signin-text{display:flex;flex-direction:row;justify-content:center;align-items:center;color:#ffffffdf;font-size:35px;font-weight:bolder;margin-bottom:10px}.signin-welcome-text{color:#a0a0a0;margin-bottom:30px}.signin-input-container{height:170px;width:400px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.signin-email-input,.signin-password-input{outline:none;height:45px;width:300px;font-size:15px;padding:5px 5px 5px 12px;border:2px solid rgba(255,255,255,.603);border-radius:10px;color:#fff}.signin-button{height:40px;width:300px;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#393939;color:#fff;font-size:18px;font-weight:700;border:0px solid white;border-radius:10px;margin-bottom:10px}.signin-button:hover{background-color:#3535ff;transition-duration:.3s;cursor:pointer}.signin-button:focus{background-color:#3535ff;transition-duration:.3s;cursor:pointer}.initial-current-state{opacity:0;height:30px;display:flex;justify-content:center;align-items:center;color:red}.signin-current-state{height:30px;display:flex;justify-content:center;align-items:center;color:red}.signup-page{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.signup-container{height:500px;width:450px;display:flex;flex-direction:column;justify-content:center;align-items:center}.signup-text{display:flex;flex-direction:row;justify-content:center;align-items:center;color:#ffffffdf;font-size:35px;font-weight:bolder;margin-bottom:10px}.signup-welcome-text{color:#a0a0a0;margin-bottom:30px}.signup-login-tab{display:flex;border:2px solid rgba(255,255,255,.612);border-radius:10px;width:300px;height:40px;justify-content:space-around;align-items:center;margin-bottom:10px}.signup-tab,.login-tab{height:40px;flex:1;background:none;border:none;font-weight:550;border:2px solid transparent;border-radius:10px;color:#9f9f9f}.signup-tab:hover,.login-tab:hover{cursor:pointer;color:#fff;transition-duration:.2s}.signup-tab:focus,.login-tab:focus{border:2px solid white;border-radius:10px;background:#1c1c3c9c;color:#fff}.signup-input-container{height:170px;width:400px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.signup-email-input,.signup-password-input,.signup-firstName-input,.signup-lastName-input{outline:none;height:45px;width:300px;font-size:15px;padding:5px 5px 5px 12px;border:2px solid rgba(255,255,255,.603);border-radius:10px;color:#fff}.signin-email-input:focus,.signin-password-input:focus{transition-duration:.2s;border:2px solid rgb(109,73,206)}.signin-email-input::placeholder,.signin-password-input::placeholder{color:#fff}.signup-button{height:40px;width:300px;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#393939;color:#fff;font-size:18px;font-weight:700;border:0px solid white;border-radius:10px;margin-bottom:10px}.signup-button:hover{background-color:#3535ff;transition-duration:.3s;cursor:pointer}.signup-button:focus{background-color:#3535ff;transition-duration:.3s;cursor:pointer}.signup-current-state{height:30px;display:flex;justify-content:center;align-items:center;color:red}.liquid-ether-container{position:relative;overflow:hidden;width:100%;height:100%;touch-action:none;background-color:#000}.dashboard{height:100vh;width:100vw;pointer-events:none}.upload-file-container{height:100px;width:95%;display:flex;justify-content:end;align-items:center;margin-bottom:50px}.header-container{width:95%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.signout-image{height:40px;width:40px;pointer-events:auto;cursor:pointer}.option-wrapper{position:relative;width:40px;height:48px;pointer-events:auto}.option-image{position:absolute;top:0;left:0;height:48px;width:40px;transition:opacity .5s ease-in-out}.option-image.hidden{opacity:0}.upload-show-container{background-color:#0f0f2a;display:flex;flex-direction:column;justify-content:space-evenly;position:absolute;z-index:2;right:60px;top:90px;height:200px;border-radius:10px}.file-input-container{display:flex;justify-content:center;align-items:end}.input-container{position:relative;pointer-events:auto;width:100px}.file-expiry-container{display:flex;width:300px;justify-content:space-between;color:#fff}.file-expiry-input{pointer-events:auto}.button-container{display:flex;height:30px;justify-content:center;align-items:center}.upload-button{color:#fff;background-color:#00f;outline:none;font-weight:700;cursor:pointer;pointer-events:auto;display:flex;justify-content:center;align-items:center;border-radius:30px;height:30px;width:100%}.files-container{width:1100px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;justify-self:center;align-content:center;color:#fff}.file-container{height:100px;width:350px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;box-shadow:0 0 10px #fff;border:1px solid rgb(164,164,164)}.file-preview-container{position:absolute;height:700px;width:700px;position:fixed;z-index:2}.file-info-detail{width:200px;display:flex;justify-content:space-around;align-items:center}.expiry-date{font-size:13px;color:red}.eye-image,.dot-image{height:20px;width:20px;pointer-events:auto}.share-file{cursor:pointer;pointer-events:auto;display:flex;justify-content:center;align-items:center}.email-input{border-radius:10px;padding:3px 3px 3px 5px;outline:none}.share-button{cursor:pointer}.nofile-container{width:100%;height:100%;display:flex;justify-self:center;align-items:center;font-weight:bolder;font-size:30px}