@import"https://fonts.googleapis.com/css?family=Montserrat:400,800";.EZDrawer .EZDrawer__checkbox{display:none}.EZDrawer .EZDrawer__checkbox:checked~.EZDrawer__overlay{display:block;opacity:1}.EZDrawer .EZDrawer__checkbox:checked~.EZDrawer__container{visibility:visible;transform:translateZ(0)!important}.EZDrawer .EZDrawer__overlay{display:none;height:100vh;left:0;position:fixed;top:0;width:100%}.EZDrawer .EZDrawer__container{position:fixed;visibility:hidden;background:#fff;transition:all;box-shadow:0 0 10px 5px #0000001a}*{box-sizing:border-box}body{margin:0;background-image:linear-gradient(to right,#57341f,#824b2c)}.global-container{font-family:Arial,Helvetica,sans-serif;min-height:auto;height:100vh;width:100vw;color:#474c47;background-size:100% 100%}.homepage-container{padding:50px}.redirection-container{display:none}.note-form{display:flex;flex-direction:column;width:320px}.note-form textarea{font-size:16px;font-family:Helvetica,sans-serif;min-width:100%;max-width:100%;padding:10px;outline:none;border:2px solid #f4f83d;border-bottom:0}.note-form button[type=submit]{width:100%;text-transform:uppercase;font-weight:700;background-color:#f4f83d;color:#474c47;border:1px solid #f4f83d;font-size:16px;cursor:pointer;padding:10px;border:0;outline:none}.note-form button[type=submit]:hover{background-color:#f5c30b;border:1px solid #f5c30b}.char-limit{font-size:smaller;font-family:Courier New,Courier,monospace;color:#474c47}.note{cursor:pointer;background-image:url(/assets/post-it-note-COjOJo5u.png);background-size:cover;width:250px;aspect-ratio:1/1;padding:20px 0 20px 20px;display:flex}.note .note-container-1{flex-grow:3}.note .note-text-ctnr{height:100%;width:100%;margin-top:0;display:grid;place-items:center;overflow-y:scroll}.note .edit-note-wrapper{position:relative;top:2rem}.note .edit-note-wrapper .edit-input{min-height:190px;max-height:400px;border:1px solid #f4f83d;margin-bottom:.5em;background-color:#ffffe0;width:100%;resize:none}.note .edit-note-wrapper .cancel-btn{background-color:transparent;margin-right:1em;color:#474c47;border:1px solid #474c47}.note .edit-note-wrapper .cancel-btn:hover{transition:.2s ease-in;background-color:#f5c30b}.note .edit-note-wrapper .save-btn{background-color:#52e392;color:#474c47;border:1px solid #474c47}.note .edit-note-wrapper .save-btn:hover{transition:.2s ease-in;background-color:#14b25a;color:#474c47}.note .close-btn,.note .edit-btn,.note .archive-btn{transition:transform .3s ease}.note .close-btn:hover,.note .edit-btn:hover,.note .archive-btn:hover{transform:scale(1.3)}.note .note-container-2{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%}.note .note-container-2 .bottom-buttons-ctnr{display:flex;flex-direction:column;gap:5px}@media screen and (min-width: 1600px){.note-form{width:400px}.note-form textarea{height:220px}.note-form button[type=submit]{font-size:1.2rem}}@media screen and (min-width: 1248px){.note{width:300px}.note .close-btn{height:1.4rem}}@media screen and (max-width: 768px){.global-container{display:none}.redirection-container{display:block;padding:3rem;font-size:larger;font-weight:700;color:#3dfb3d;height:90vh;max-width:100vw;display:flex;justify-content:center;align-items:center}.redirection-container p{background-color:#4c5359b3;padding:1rem}}.info-overlay{display:flex;justify-content:center;align-items:center;height:100vh;left:0;position:fixed;top:0;width:100%;box-sizing:border-box;background-color:#00000069}.info-overlay .info-modal{position:relative;height:fit-content;border:1px solid #ddd;background-color:#ddd;border-radius:5px;box-shadow:0 2px 5px #0003;width:600px;padding:3rem;z-index:22}.info-overlay .info-modal .close-guidelines-button{position:absolute;top:2px;right:2px;border:none;background-color:transparent}.info-overlay .info-modal .info-item{display:flex;align-items:center;padding:5px 10px;cursor:pointer}.info-overlay .info-modal .info-item svg{width:20px;height:20px;margin-right:10px}.weather-btn{display:flex;align-items:center;justify-content:center;font-family:Sriracha,serif;gap:10px;padding:8px 16px;font-weight:600;border:none;font-size:1rem;cursor:pointer;border-radius:20px;background-color:#0009;color:#fff;height:50px}.weather-card-wrapper{position:relative}.close-weather-modal-btn{position:absolute;right:-16px;top:-18px;border:none;background-color:transparent;color:#fff}.card-ctnr{padding:40px;border-radius:10px;background-image:linear-gradient(45deg,#7a98e5,#500ae4);display:flex;flex-direction:column;align-items:center;color:#ebfffc;font-family:Outfit,sans-serif;max-height:700px}.card-ctnr .search-bar{display:flex;align-items:center;gap:12px;margin-bottom:2rem}.card-ctnr .search-bar input{height:50px;border:none;outline:none;border-radius:40px;padding-left:25px;color:#626262;background:#ebfffc;font-size:18px}.card-ctnr .search-bar img{width:50px;padding:15px;border-radius:50%;background:#ebfffc;cursor:pointer}.card-ctnr .error{color:#f11313}.card-ctnr .weather-data-ctnr{display:flex;flex-direction:column;justify-content:center;gap:1.2rem}.card-ctnr .weather-data-ctnr .weather-icon{height:200px;width:auto}.card-ctnr .weather-data-ctnr .temperature{font-size:80px;line-height:1;color:#fff;text-align:center;margin-top:0;margin-bottom:0}.card-ctnr .weather-data-ctnr .location{font-size:40px;color:#fff;margin-top:0;margin-bottom:0;text-align:center}.card-ctnr .weather-data-ctnr .weather-other-specs{display:flex;justify-content:space-between;color:#fff}.card-ctnr .weather-data-ctnr .weather-other-specs .col{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font-size:22px;text-align:center}.card-ctnr .weather-data-ctnr .weather-other-specs .col img{margin-top:1.2rem;width:36px}.card-ctnr .weather-data-ctnr .weather-other-specs .col p{margin-bottom:.5rem}.card-ctnr .weather-data-ctnr .weather-other-specs .col span{font-size:smaller}.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 50px;color:#352f2f;position:sticky;top:0;z-index:1;background:#f4f83de6;font-family:Sriracha,serif}.navbar .navbar-left .navbar-title{font-family:Sriracha,serif;font-style:normal;font-size:33px;text-transform:uppercase;font-weight:700;margin:0;text-decoration:none;color:inherit}.navbar .navbar-right{display:flex;align-items:center;gap:1rem;position:relative}.navbar .navbar-right a.navbar-btn{text-decoration:none}.navbar .navbar-right .navbar-btn{font-family:Sriracha,serif;display:flex;align-items:center;justify-content:center;padding:8px 16px;cursor:pointer;font-size:1rem;height:40px;border:none;gap:8px;text-transform:lowercase;background-color:transparent;font-weight:600}.navbar .navbar-right .navbar-btn:hover{opacity:.8}.navbar .navbar-right .navbar-btn svg{width:28px;height:28px}.navbar .navbar-right .weather-icon-navbar{height:3rem;width:auto}@media screen and (min-width: 1600px){.navbar .navbar-right .navbar-btn{font-size:1.1rem;padding:1.2rem}}@media screen and (max-width: 1248px){.navbar .navbar-right .navbar-btn{font-size:.8rem;padding:8px 12px}}.drawer{padding:40px;scroll-behavior:smooth;overflow-y:auto;z-index:3}.drawer h1{font-family:Sriracha,serif;color:#474c47}.drawer .delete-all-btn{padding:10px 20px;background:transparent;color:#b80707;border:1px solid #b80707;font-weight:700}.archived-ctnr{display:grid;grid-template-columns:auto auto auto;gap:40px;margin-top:4rem;width:450px}.archived-ctnr .archived-postit{width:300px;aspect-ratio:1/1;background-color:#f4f83d;padding:15px 10px;display:flex}.archived-ctnr .archived-postit .archived-postit-ctnr1{flex-grow:3;height:100%;width:100%;margin-top:0;display:grid;place-items:center;overflow-y:scroll}.archived-ctnr .archived-postit .archived-postit-ctnr2{display:flex;flex-direction:column;justify-content:space-between}.archived-ctnr .archived-postit .archived-close-btn,.archived-ctnr .archived-postit .unarchive-btn{margin-left:auto}.archived-ctnr .archived-postit .archived-close-btn:hover,.archived-ctnr .archived-postit .unarchive-btn:hover{transform:scale(1.3)}.login-register-section{display:flex;justify-content:center;align-items:center;height:85vh;font-family:Montserrat,sans-serif}.login-register-section h1{font-weight:700}.login-register-section .login-register-ctnr{border-radius:10px;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;width:880px;height:550px;display:flex}.login-register-section .login-register-ctnr .panel{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;text-align:center}.login-register-section .login-register-ctnr .panel p{font-weight:100;line-height:1.6;letter-spacing:.5px}.login-register-section .login-register-ctnr .panel a{text-decoration:none;font-size:smaller}.login-register-section .login-register-ctnr .userauth-btn{border-radius:20px;border:1px solid #ff4b2b;background-color:#ff4b2b;color:#fff;font-size:12px;font-weight:700;padding:12px 45px;letter-spacing:1px;text-transform:uppercase;transition:transform 80ms ease-in}.login-register-section .login-register-ctnr .userauth-btn:active{transform:scale(.95)}.login-register-section .login-register-ctnr .userauth-btn:focus{outline:none}.login-register-section .login-register-ctnr .userauth-btn.ghost{background-color:transparent;border-color:#fff}.login-register-section .login-register-ctnr .left-panel{background-color:#fff;width:50%;border-top-left-radius:10px;border-bottom-left-radius:10px}.login-register-section .login-register-ctnr .left-panel .auth-form{display:grid;row-gap:2rem;width:80%}.login-register-section .login-register-ctnr .left-panel .auth-form h1{margin-top:0}.login-register-section .login-register-ctnr .left-panel .auth-form input{background-color:#eee;border:none;padding:12px 15px;width:100%}.login-register-section .login-register-ctnr .right-panel{background:linear-gradient(to right,#ff4b2b,#ff416c);width:50%;border-top-right-radius:10px;border-bottom-right-radius:10px;color:#fff}.login-register-section .login-register-ctnr .right-panel h1{font-family:Sriracha,serif}.login-register-section .login-register-ctnr .right-panel button{margin-top:2rem}
