@import"https://fonts.googleapis.com/css2?family=Teko&display=swap";.formheading{text-align:center;margin-bottom:20px;font-size:40px}.inputfield{font-size:15px;padding:10px;min-width:360px;border-radius:5px;border:2px solid #31e1f7;margin-bottom:10px;text-align:start;font-weight:600}.button{font-size:15px;font-weight:600;padding:10px 0;width:360px;border-radius:5px;border:none;cursor:pointer;color:#121212!important;background-color:#31e1f7}.button:hover{opacity:.7}.child-container{box-shadow:0 4px 8px #0003,0 6px 20px #00000030;margin:50px;display:flex;align-items:center;justify-content:center}.sub-child-left{background-color:#31e1f7;width:50%;height:620px}.sub-child-right{background-color:#fff;height:620px;width:50%}.form-parent-div{box-shadow:0 4px 8px #0003,0 6px 20px #00000030;position:absolute;display:flex;align-items:center;justify-content:center}.form-child-left{background-color:#31e1f7;padding-top:110px;height:500px;width:450px;color:#fff}.form-child-right{padding-top:110px;height:500px;width:450px}.form-child-left>h2{color:#000;margin-bottom:20px}.form-child-left>p{width:290px;margin:auto;color:#000}.have-account{margin:10px;text-align:center}.linkforsignin{text-decoration:none;color:#31e1f7;margin-left:5px}@media only screen and (max-width: 1023px){.formheading{text-align:center;margin-bottom:20px;font-size:40px}.inputfield{font-size:15px;padding:10px;min-width:250px;border-radius:5px;border:2px solid #31e1f7;margin-bottom:10px;text-align:start;font-weight:600}.button{font-size:15px;font-weight:600;padding:10px 0;width:250px;border-radius:5px;border:none;cursor:pointer;color:#fff;background-color:#31e1f7}.button:hover{opacity:.7}.child-container{box-shadow:0 4px 8px #0003,0 6px 20px #00000030;margin:50px;display:flex;align-items:center;justify-content:center}.sub-child-left{background-color:#31e1f7;width:50%;height:620px}.sub-child-right{background-color:#fff;height:620px;width:50%}.form-parent-div{box-shadow:0 4px 8px #0003,0 6px 20px #00000030;position:absolute;display:flex;align-items:center;justify-content:center}.form-child-left{background-color:#31e1f7;padding-top:110px;height:500px;width:350px;color:#fff}.form-child-right{padding-top:110px;height:500px;width:350px}.form-child-left>p{width:290px;margin:auto}.have-account{margin:10px;text-align:center}.linkforsignin{text-decoration:none;color:#31e1f7;margin-left:5px}}@media only screen and (max-width: 768px){.formheading{text-align:center;margin-bottom:20px;font-size:40px}.inputfield{font-size:15px;padding:10px;min-width:200px;border-radius:5px;border:2px solid white;margin-bottom:10px;color:#fff;background-color:#31e1f7;text-align:start;font-weight:600}.inputfield::placeholder{color:#fff}.button{font-size:15px;font-weight:600;padding:10px 0;width:205.6px;border-radius:5px;border:none;cursor:pointer;color:#31e1f7;background-color:#fff}.button:hover{opacity:.7}.child-container{box-shadow:0 4px 8px #0003,0 6px 20px #00000030;margin:20px;display:flex;align-items:center;justify-content:center}.sub-child-left{background-color:#31e1f7;width:50%;height:620px}.sub-child-right{background-color:#fff;height:620px;width:50%}.form-parent-div{box-shadow:0 4px 8px #0003,0 6px 20px #00000030;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}.form-child-left{background-color:#31e1f7;padding-top:110px;display:none;height:500px;width:400px;color:#fff}.form-child-right{background-color:#31e1f7;padding-top:110px;height:500px;width:400px}.form-child-left>p{width:290px;margin:auto}.have-account{margin:10px;text-align:center}.linkforsignin{text-decoration:none;color:#fff;margin-left:5px}}.nav-div{background-color:#141414}.navbar{color:#fff;text-decoration:none;font-size:35px;font-weight:600}.nav{padding:10px 20px;display:flex;align-items:center;justify-content:space-between}.navbar:hover{color:#282c34}.nav-button{font-size:20px;padding:8px 20px;border-radius:5px;border:none;cursor:pointer}.nav-button:hover{background-color:#0001;color:#fff}*{margin:0;padding:0;box-sizing:border-box}.model{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:15px;z-index:10;background-color:#fff;min-width:400px;max-width:60%;display:none;box-shadow:0 2px 50px 5px #49494940}.activeModel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:5px;z-index:10;background-color:#fff;width:600px;max-width:60%}.model-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px}.model-header .title{font-size:30px;font-weight:700}.model-header .close-button{border:none;margin-top:-5px;background:none;font-size:25px;cursor:pointer;color:#868686}.model-hr{margin:5px auto;width:93%;height:1px;border-width:0;background-color:silver}.hide{display:none}.model-body{padding:10px 20px 20px;text-align:justify}.popup-msg{text-align:start;margin-left:20px}#overlay{position:fixed;opacity:0;top:0;left:0;right:0;bottom:0;background-color:#00000080;pointer-events:none}#overlay.active{opacity:1;pointer-events:all;position:fixed}.btndiv{margin:10px 20px;display:flex;align-self:center;justify-content:flex-end;gap:10px}.actionbtn{padding:8px 20px;font-size:15px;border-radius:5px;border:none;cursor:pointer;color:#fff;background-color:#0096ff}.delete{background-color:red}.update{background-color:orange}@media only screen and (max-width: 1023px){.actionbtn{padding:6px 12px;font-size:15px;border-radius:5px;border:none;cursor:pointer;color:#fff;background-color:#0096ff}.delete{background-color:red}.update{background-color:orange}}@media only screen and (max-width: 768px){.actionbtn{padding:5px 10px;font-size:12px;border-radius:5px;border:none;cursor:pointer;color:#fff;background-color:#0096ff}.delete{background-color:red}.update{background-color:orange}}.notes-card{background-color:#1f1f1f;margin:10px;width:280px;min-height:15rem;padding:0 10px;border-radius:5px;color:#282c34;display:inline-block;box-shadow:0 0 5px 2px #66666640}.note-title-div{border-radius:5px;display:flex;align-items:center}.note-title{font-size:20px;color:#a7a7a7;text-align:justify;width:350px}.date{text-align:start;font-size:18px;font-weight:600;color:gray;margin:10px 0 0}.dot{background-color:#31e1f7;height:10px;width:12px;margin-right:5px;border-radius:100px}.note-date,.username{background-color:#cce1ff;border:2px solid #4a96ff;display:inline;border-radius:10px;padding:2px 5px}.note-date-div{margin:10px;display:flex;justify-content:flex-end}.note-description{color:#a7a7a7;overflow:hidden;margin:5px 0;text-align:justify}.more-content{color:#0a93a5;font-weight:700;cursor:pointer}.more-content-hide{color:#0a93a5;display:none}.note-container{padding:10px}.cir{margin:15px auto;width:150px;height:60px;border-radius:50px;border:2px dashed;cursor:pointer}.cir:hover{color:#31e1f7}.plus{margin-top:5px;font-size:30px}.create-container{background-color:#fff;border-radius:5px;min-width:400px;max-width:50%;height:500px;margin:50px auto;padding:50px 0}.create-form-heading{text-align:center;margin-bottom:20px;font-size:40px}.title-inputfield{font-size:15px;padding:10px;min-width:310px;max-width:400px;border-radius:5px;margin-bottom:10px;font-weight:600;border:2px solid #dfdfdf}.description-inputfield{font-size:15px;font-weight:600;min-width:310px;min-height:200px;padding:10px;border-radius:5px;border:2px solid #dfdfdf;margin-bottom:10px}.create-button{font-size:15px;font-weight:600;min-width:320px;padding:10px;border-radius:5px;border:1px solid #dfdfdf;margin-bottom:10px;background-color:green;color:#fff}*{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-sizing:border-box;text-align:center}body{background:#1f1f1f}::-webkit-scrollbar{width:1px}::-webkit-scrollbar-track{background-color:#cce1ff;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#4a96ff;border-radius:10px;background-clip:content-box;border:3px solid transparent}