.body-home{background-color:#171717}header{display:flex;margin-left:15px;margin-right:0}@media (max-width: 900px){header{flex-direction:column}nav{flex-direction:column}.nav-ui{flex-direction:column}.nav-div-user-info{margin-left:62px}}nav{display:flex;width:100%;justify-content:space-between}.nav-ui{display:flex;list-style:none;margin:50px 30px 30px;font-weight:800}.nav-li{padding-right:50px}.nav-div-user-info{display:block;margin-top:10px;margin-right:20px;text-align:right}.main-login{display:flex;min-height:73vh;background-color:#212121;padding:75px 100px}footer{display:flex;margin-right:50px;justify-content:center}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}header,footer{flex-shrink:0}.main-notes{background-color:#2f2f2f;display:flex;flex:1;overflow:hidden;width:100%;height:100%}.section-notes{width:250px;min-width:200px;background-color:#1e1e1e;border-right:1px solid #333;display:flex;flex-direction:column;padding:1rem;overflow-y:auto}.section-blackboard{width:100%;height:100%;overflow:auto;border:2px solid black;position:relative}.section-notes h4{color:#888;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;margin-bottom:1rem;margin-top:0;text-align:left!important;padding-left:.5rem}.ul-notes{list-style:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.li-notes{padding:.5rem .75rem;border-radius:.375rem;cursor:pointer;transition:background-color .2s,color .2s;color:#ccc;display:flex;align-items:center}.li-notes:hover{background-color:#2a2a2a;color:#fff}.li-notes.selected{background-color:#09ed921a;color:#09ed92;font-weight:600}.li-notes .input-txt{background:transparent;border:1px solid transparent;color:inherit;font-family:inherit;font-size:.9rem;width:100%;cursor:pointer;padding:2px 4px;border-radius:4px}.li-notes .input-txt:focus{background-color:#2a2a2a;border-color:#444;outline:none;cursor:text;color:#fff}.btn-add-item{margin-top:.5rem;background:transparent;border:1px dashed #444;color:#888;padding:.5rem;border-radius:.375rem;cursor:pointer;text-align:center;font-size:.875rem;transition:all .2s}.btn-add-item:hover{border-color:#09ed92;color:#09ed92;background-color:#09ed920d}.menu-container{position:relative;margin-left:auto}.btn-menu{background:transparent;border:none;color:#888;cursor:pointer;padding:0 5px;font-size:16px;line-height:1}.btn-menu:hover{color:#fff}.context-menu{position:absolute;top:100%;right:0;background-color:#2f2f2f;border:1px solid #444;border-radius:4px;box-shadow:0 2px 5px #00000080;z-index:1000;min-width:100px;display:flex;flex-direction:column}.context-menu-item{padding:8px 12px;cursor:pointer;color:#ccc;font-size:14px;white-space:nowrap}.context-menu-item:hover{background-color:#444;color:#fff}.txt-green,.btn-green:disabled,.btn-green,a,nav,footer{color:#09ed92;font-family:sans-serif}.txt-white,.input-txt,.input-note-textarea,.btn-green:hover,a:hover,.main-login,.main-notes{color:#eee;font-family:sans-serif}a{text-decoration:none}.btn-green{background-color:#2f2f2f}.btn-green:disabled{background-color:#2f2f2f;opacity:.6}.input-txt,.input-note-textarea{background-color:#2f2f2f;border:none;border-radius:20px}.input-note-textarea{background-color:#2f2f2f59;width:100%;height:100%;box-sizing:border-box;border-radius:1px;resize:none;flex:1;padding:8px}.input-note-textarea:hover{border:#212121 2px solid}.input-note-textarea:focus{border:#212121 2px solid;outline:none}.div-note{display:flex;overflow:hidden;flex-direction:column;width:100%;height:100%}.div-note-grabber{flex-shrink:0;opacity:0;max-height:min-content;background-color:#212121;text-align:center;-webkit-user-select:none;user-select:none}.div-note-delete{float:right;display:flex;text-align:center;justify-content:center;align-items:center;font-size:large;width:30px;height:20px;padding-left:7px;padding-right:7px;margin-top:3px;margin-right:3px}.div-note-delete:hover{border:1px solid white;cursor:default;background-color:red}.div-note:hover .div-note-grabber{opacity:1;cursor:move}.div-note:hover .input-note-textarea{border:#212121 2px solid}.scrollbar-dark,.section-notes,.input-note-textarea{color:inherit}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#212121}::-webkit-scrollbar-thumb{background:#888;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#555}::-webkit-resizer{background:#555}img{pointer-events:none}.img-hero{border-radius:30px;margin-left:150px}.auth-container{background-color:#2f2f2f;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;width:24rem;color:#eee}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-title{color:#eee;font-size:1.5rem;font-weight:600}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-field{display:flex;flex-direction:column}.auth-label{font-size:.875rem;font-weight:700;color:#eee;margin-bottom:.5rem}.auth-input{width:100%;padding:.5rem .75rem;background-color:#2f2f2f59;border:1px solid #212121;border-radius:.5rem;color:#eee;outline:none;transition:border-color .3s;box-sizing:border-box}.auth-input:focus{border-color:#09ed92}.auth-btn{width:100%;padding:.5rem 1rem;background-color:#212121;color:#09ed92;font-weight:500;border-radius:.5rem;border:none;cursor:pointer;transition:background-color .3s,box-shadow .3s}.auth-btn:hover:not(:disabled){background-color:#171717;box-shadow:0 4px 6px -1px #0000001a}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.625rem;background-color:transparent;border:1px solid #212121;border-radius:.5rem;color:#eee;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .3s}.auth-google-btn:hover:not(:disabled){background-color:#212121}.auth-link{color:#09ed92;font-weight:700}.auth-link:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;width:100%;margin:1rem 0;color:#eee;font-size:.875rem;font-weight:700}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:2px solid #212121}.auth-divider:before{margin-right:.5rem}.auth-divider:after{margin-left:.5rem}.auth-error{color:#ef4444;font-weight:700}.hamburger{position:relative;width:44px;height:44px;border-radius:999px;border:none;background:var(--bg-dark-hover);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s ease,transform .15s ease}.hamburger:focus-visible{outline:2px solid #60a5fa;outline-offset:3px}.hamburger:hover{transform:scale(1.03)}.hamburger span{position:absolute;width:20px;height:2px;border-radius:999px;background:#fff;transition:transform .2s ease,opacity .15s ease,top .2s ease,bottom .2s ease}.hamburger span:nth-child(1){top:14px}.hamburger span:nth-child(2){top:21px}.hamburger span:nth-child(3){top:28px}