*{margin:0;padding:0;box-sizing:border-box}body{--sb-track-color: #9d8189;--sb-thumb-color: #FFE5D9;--sb-size: 10px}body::-webkit-scrollbar{width:var(--sb-size)}body::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:3px}body::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);cursor:pointer;border-radius:3px}@supports not selector(::-webkit-scrollbar){body{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}::selection{background-color:#ffcad4;color:#000}.homeScr{background-color:#fff9e9}.topbar{display:flex;border-bottom:10px solid #00296b;align-items:center;padding:20px;gap:100px;background-color:#fff9e9;position:fixed;width:100vw;z-index:2}.top{background-color:#fff9e9;height:179px}.icn{width:350px;height:135px;color:#00296b;font-size:60px;padding:30px;border:4px solid #00296b;border-radius:30px;display:flex;justify-content:center;align-items:center;letter-spacing:1px;text-shadow:4px 3px #ffd500;box-shadow:4px 3px #ffd500;margin-left:10px}.input{display:flex;justify-content:space-between;height:110px;width:790px;align-items:center;margin-top:17px}.input button{border:3px solid #00296b;width:70px;height:70px;border-radius:100px;margin:1px;font-size:60px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#00296b;background-color:#fff9e9;outline:none;text-align:center}.input input{width:700px;border:.5px solid #00296b;border-radius:20px;padding:20px;font-size:40px;background-color:#fff9e9;color:#00296b;outline:none;border-left:transparent;border-top:transparent;caret-color:#00296b;box-shadow:4px 3px #fdc500}.input input:hover{transform:scale(1.003);transition:transform .1s ease-in-out}.input button:hover{background-color:#fdc500;transform:scale(1.1);transition:transform .1s ease-in-out}.input button:active{background-color:#ffe5d9;transform:scale(.9);transition:transform .1s ease-in-out}.midBox{border-left:10px solid #00296b;border-right:10px solid #00296b;width:76%;min-height:calc(100vh - 179px);padding:20px;display:flex;flex-direction:row;flex-wrap:wrap}.noteBox{width:400px;height:240px;border:.5px solid #00296b;border-radius:30px;padding:10px;background-color:#fdc500;margin:30px;box-shadow:4px 3px #ffd500;display:flex}.noteBox :hover{transform:scale(1.01);transition:transform .1s ease-in-out}.loader{margin:30px;border-radius:30px;width:400px;height:240px;background:linear-gradient(.25turn,transparent,#00296b,transparent);background-color:#fdc500;background-repeat:no-repeat;background-size:400px 240px;background-position:-400px 0;animation:loading 1.5s infinite}@keyframes loading{to{background-position:400px 0,0 0,15px 140px,65px 145px}}.noteBox textarea{background-color:#fdc500;height:90%;width:78%;font-size:20px;color:#00296b;margin:15px 2px 15px 12px;resize:none;word-wrap:break-word;outline:none;border:transparent;line-height:30px;overflow:auto;scrollbar-color:transparent transparent;background-image:linear-gradient(to bottom,transparent 28px,#00296b 1px);background-size:100% 30px;background-attachment:local}.delete{margin:20px auto;cursor:pointer}.delete :active{transform:scale(.9);transition:transform .1s ease-in-out}