body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}.login-page{align-items:center;justify-content:center;text-align:center}.login-page,.login-page>form{display:flex;flex-direction:column}.login-page>form{border:1px solid #e5e7eb;border-radius:.75rem;margin:20px;max-width:32rem;padding:1.5rem;width:350px}form>h1{margin-bottom:10px}.login-page>form>button:hover{background-color:#2a6db0}.login-register>p>a{color:#3282ce;font-size:15px;text-decoration:none}.signup-page{align-items:center;justify-content:center;text-align:center}.signup-page,.signup-page>form{display:flex;flex-direction:column}.signup-page>form{border:1px solid #e5e7eb;border-radius:.75rem;margin:20px;max-width:32rem;padding:1.5rem;width:350px}.input-container{align-items:center;border:1px solid #ccc;border-radius:5px;display:flex;margin:10px;padding:10px}.input-container>.icon{color:#828282;margin-right:5px}.input-container>input{border:none;flex:1 1;outline:none}.logo>img{height:25px;margin-bottom:10px;width:45px}.logo,form>h1{display:flex}form>h1{font-family:monospace;font-size:15px;margin-bottom:5px;margin-left:10px}form>h1,form>p{text-align:left}form>button{background-color:#3282ce;border:1px solid #ccc;border-radius:5px;color:#fff;cursor:pointer;font-family:monospace;font-size:15px;font-style:bold;margin:10px;padding:10px}form>button:hover{background-color:#2a6db0}.social-btn{align-items:center;background-color:#fff;border-radius:50%;border-top:#fff;color:#828282;height:40px;justify-content:space-between;margin:10px;width:40px}.social-btn:hover{cursor:pointer}p{margin:10px}a{color:#3282ce;cursor:pointer;font-size:15px;text-decoration:none}.home-page{align-items:center;background-color:#f0f8ff;display:flex;flex-direction:column;height:100vh}.left-header>img{height:25px;margin-right:10px;width:45px}.user-info-header{align-items:center;border-bottom:1px solid gray;justify-content:center;margin-right:20px;text-align:center}.user-info,.user-info-header{display:flex;flex-direction:column}.user-info{border:1px solid gray;border-radius:10px;padding:25px;width:80%}.user-info-body{align-items:center;border-bottom:1px solid #888;display:flex;padding-right:8px;padding-top:6px}.user-info-body>h2{color:#718096;font-size:25px;font-weight:700;margin-bottom:auto;margin-top:auto;text-transform:uppercase;width:25%}.user-info-body>p{color:#5c5c5c;font-size:20px;font-weight:700;width:75%}.user-info-body>img{border-radius:15px;height:70px;margin-bottom:5px;width:70px}.user-info>*{margin:10px}.button-container{align-content:space-between;align-items:space-evenly;display:flex;justify-content:center}#edit-btn{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-size:20px;height:50px;margin-bottom:0;margin-right:20px;text-transform:uppercase;width:100px}#edit-btn:hover{background-color:#2a6db0}#signout-btn{background-color:red;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;height:50px;width:100px}.edit-page{align-items:center;background-color:#f0f8ff;height:100vh}.edit-form,.edit-page{display:flex;flex-direction:column}.edit-form{border:1px solid gray;border-radius:10px;margin-top:15px;padding:6px 8px;width:75%}.header{align-items:center;background-color:#f0f8ff;display:flex;height:70px;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;width:100%}.left-header{margin-left:20px}.left-header,.right-header{align-items:center;display:flex;justify-content:center}.right-header{margin-right:20px}.back-icon{align-items:center;color:#5085d4;cursor:pointer;display:flex;height:30px;justify-content:center;margin-left:20px;width:30px}.back-icon>p{margin-left:0}.back-icon:hover{color:#1ecdc8}.edit-form-header{display:flex;flex-direction:column;margin-bottom:10px;margin-left:20px;margin-top:15px}.edit-form-header>h1{color:#000;font-size:20px;font-weight:700}.edit-form-image{align-items:center;display:flex;margin-bottom:20px;margin-left:20px;padding-right:8px;padding-top:6px}.edit-form-image>img{border-radius:15px;height:70px;width:70px}.edit-form-image>h2{color:#333;display:block;font-size:14px;font-weight:700;margin-left:20px;padding:auto;text-transform:uppercase}.edit-form-body{display:flex;flex-direction:column;margin-bottom:20px;margin-left:20px;padding-right:8px;padding-top:6px;width:80%}.edit-form-body>h2{color:#000;cursor:pointer;font-size:15px;font-weight:700;margin-bottom:auto;margin-top:auto;width:25%}.edit-form-body>input{border:1px solid #718096;border-radius:.75rem;height:40px;margin-top:.25rem;padding:.5rem .75rem;width:50%}.buttons-container{display:flex;flex-direction:column;margin-left:20px}.buttons-container>button{background-color:#5085d4;border:1px solid #718096;border-radius:.75rem;color:#fff;cursor:pointer;font-weight:700;height:35px;padding:.5rem .75rem;width:70px}.buttons-container>button:hover{background-color:#1ecdc8}
/*# sourceMappingURL=main.7ce4ba20.css.map*/