@import url(https://fonts.googleapis.com/css2?family=Sofia+Sans+Semi+Condensed&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto&family=Sofia+Sans+Semi+Condensed&display=swap);@import url(https://fonts.googleapis.com/css2?family=Signika+Negative:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sono:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@500&display=swap);:root{--bg-color:#f0f0f0;--left-section-bg:#f2f2f2;--font:"Sofia Sans Semi Condensed",sans-serif}.container{background-color:#f0f0f0;background-color:var(--bg-color);display:grid;grid-template-columns:50% 50%;grid-template-rows:100%}.left-section{background-color:#f2f2f2;background-color:var(--left-section-bg);border-radius:0 .8rem .8rem 0;box-shadow:1px 0 8px rgba(0,0,0,.452);display:grid;grid-template-columns:25% 25% 25% 25%;grid-template-rows:25% 25% 25% 25%;height:100vh}.blob-1 svg,.blob-2 svg,.blob-3 svg{height:88%;width:90%}.blob-1{display:grid;grid-column-end:2;grid-column-start:1;grid-row:1/2;left:-25%;position:relative;top:-16%}.text-section{display:grid;grid-column:1/4;grid-row:2/3}.text-section p{color:#2b2727;font-family:Sofia Sans Semi Condensed,sans-serif;font-family:var(--font);font-size:clamp(1.2rem,3vw,3rem);font-weight:700;margin-left:3rem}.text-section span{color:#2e34d3}.blob-2{grid-column:4/5;grid-row:1/2;left:45%;top:25%}.blob-2,.blob-3{display:grid;position:relative}.blob-3{grid-column:1/2;grid-row:2/3;left:50%;top:75%}.left-section-illustration{display:grid;grid-column:2/5;grid-row:2/5;position:relative}.left-section-illustration svg{height:90%;left:40%;position:relative;top:5.5%;-webkit-transform:rotate(5deg);transform:rotate(5deg);width:95%}.right-section,.wrapper{display:grid;grid-template-columns:20% 20% 20% 20% 20%;grid-template-rows:20% 20% 20% 20% 20%}.wrapper{background-color:rgba(0,0,0,.219);height:100vh;left:0;position:absolute;right:0}@media only screen and (max-width:768px){.container{grid-template-columns:100%;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;height:clamp(700px,100vh,1000px)}.left-section{background-color:#fff;border-radius:0 0 1rem 1rem;box-shadow:0 1px 8px rgba(0,0,0,.452);display:grid;grid-column:1/2;grid-row:1/3;grid-template-columns:50% 50%;grid-template-rows:50% 50%;height:auto}.blob-1,.blob-2,.blob-3{display:none}.text-section{grid-column:1/3;grid-row:1/2;margin-top:8%;width:72%}.text-section p{color:#2b2727;font-size:clamp(2rem,3vw,3rem);font-weight:600;margin-left:1.8rem}.left-section-illustration{grid-column:2/3;grid-row:1/3;position:relative}.left-section-illustration svg{height:80%;left:-4vw;position:relative;top:25%;-webkit-transform:rotate(0deg);transform:rotate(0deg);width:85%}.right-section{grid-column:1/3;grid-row:3/7;height:auto;position:relative}}:root{--btn-color:#5779f1;--font--small:"Roboto",sans-serif}.authentication-third-party-section{display:grid;grid-column:2/5;grid-row:2/3}.authentication-third-party-section p{color:#333232;font-family:Roboto,sans-serif;font-family:var(--font--small);font-size:1.25rem;place-self:center}.authentication-third-party{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;margin-right:1rem;margin-top:2rem;place-self:center}.facebook img,.github img,.google img{height:clamp(30px,2.5vw,60px);width:clamp(30px,2.5vw,60px)}.facebook,.github,.google{-webkit-tap-highlight-color:transparent;background-color:#fff;border:1px solid #2c2a2a59;border-radius:50%;cursor:pointer;display:grid;height:clamp(40px,3vw,80px);margin-left:clamp(.1rem,1rem,1.2rem);place-items:center;width:clamp(40px,3vw,80px)}.facebook:hover,.github:hover,.google:hover{box-shadow:0 0 4px #2c2a2a83}.or{margin-top:1.6rem}.login-with-email-and-pass{display:grid;grid-column:2/5;grid-row:3/5}.login-with-email-and-pass form{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:60% 20% 20%}.input-for-email-and-pass{display:grid;grid-column:1/3;grid-row:1/2;margin-top:1.5rem;position:relative}.email-input,.password-input{background-color:hsla(0,0%,100%,.918);border:1px solid #b9b9b9;border-radius:.75rem;color:#2e2a2a;font-family:Roboto,sans-serif;font-family:var(--font--small);font-size:1rem;height:65%;margin-top:1rem;outline:none;padding-left:1rem;place-self:center;transition:all .2s ease-in;width:clamp(200px,60%,65%)}.email-input.active,.password-input.active{border:1px solid rgba(255,0,0,.808);height:85%;margin-top:.8rem;outline:none}.email-input.active:focus,.password-input.active:focus{outline:none}.email-input:focus,.password-input:focus{outline:2px solid #5779f1;outline:2px solid var(--btn-color)}.error-section{margin-left:14%;margin-top:2%}.keep-logged-in-and-forget{font-family:Roboto,sans-serif;font-family:var(--font--small);font-size:clamp(.6rem,1vw,.8rem);grid-column:1/3;grid-row:2/3;margin-left:20%}.keep-logged-in-and-forget,.keep-me-logged-in{align-items:center;display:flex;flex-direction:row}.keep-me-logged-in{gap:.25rem;justify-content:flex-start}.forgot,.keep-me-logged-in,.keep-me-logged-in input{-webkit-tap-highlight-color:transparent;cursor:pointer}.forgot{display:grid;grid-column:2/3;grid-row:2/3;margin-left:8%}.forgot p{color:#2a729a;opacity:.8;text-decoration:underline;width:clamp(200px,80%,20rem)}.forgot p,.submit-button{-webkit-tap-highlight-color:transparent}.submit-button{background-color:#5779f1;background-color:var(--btn-color);border:none;border-radius:.65rem;color:#fff;cursor:pointer;display:grid;font-family:Roboto,sans-serif;font-family:var(--font--small);font-size:1.2rem;grid-column:1/3;grid-row:3/4;height:72%;place-items:center;place-self:center;width:clamp(180px,70%,65%)}.submit-button:hover{background-color:#3d64f3}.signup-btn{-webkit-tap-highlight-color:transparent;color:#2a729a;cursor:pointer;display:grid;font-family:Roboto,sans-serif;font-family:var(--font--small);font-size:clamp(.6rem,3vw,1rem);grid-column:2/5;grid-row:5/6;justify-self:center;margin-top:1rem;opacity:.8;text-decoration:underline}.forgot p:hover,.signup-btn:hover{opacity:1}@media only screen and (max-width:768px){.authentication-third-party-section{grid-column:2/5;grid-row:1/2;margin-top:1rem}.login-with-email-and-pass{grid-column:2/5;grid-row:2/5;margin-top:.5rem;position:relative}.or{margin-top:.8rem}.authentication-third-party{margin-top:1rem}.keep-me-logged-in{justify-content:start;margin-left:10%}.forgot p{color:#2a729a;opacity:.8;text-decoration:underline;width:clamp(100px,80%,20rem)}}@media only screen and (max-width:1000px){.keep-logged-in-and-forget{margin-left:13%}}:root{--error-text-color:rgba(255,0,0,.863);--error-font-fam:"Roboto",sans-serif}.error-message{color:rgba(255,0,0,.863);color:var(--error-text-color);display:flex;flex-direction:row;font-family:Roboto,sans-serif;font-family:var(--error-font-fam);font-size:.85rem;height:25%;position:absolute;width:100%}.error-message img{height:50%;width:8%}.signup-box{background-color:#fff;display:grid;grid-column:2/5;grid-row:2/5;grid-template-columns:12.5% 25% 25% 25% 12.5%;grid-template-rows:20% 20% 20% 20% 20%;height:clamp(400px,100%,600px);place-self:center;width:clamp(300px,40%,500px)}.cancel{-webkit-tap-highlight-color:transparent;cursor:pointer;display:grid;grid-column:5/6;grid-row:1/2;height:50%;justify-self:self-end;margin-right:.4rem;margin-top:.4rem;width:50%}.signup-box .authentication-third-party-section{display:grid;grid-column:2/5;grid-row:1/3;margin-top:15%}.signup-box .authentication-third-party{margin-top:1rem;width:80%}.signup-box .or{margin-top:.8rem}.signup-box .login-with-email-and-pass{display:grid;grid-column:2/5;grid-row:3/6}.signup-box .input-for-email-and-pass{margin-top:0}.signup-box .email-input,.signup-box .password-input{height:clamp(40px,55%,150px);margin-top:.5rem;width:clamp(180px,75%,65%)}.signup-box .keep-logged-in-and-forget{-webkit-tap-highlight-color:transparent;display:grid;grid-column:1/3;grid-row:2/3;grid-template-columns:100%}.signup-box .keep-me-logged-in{-webkit-tap-highlight-color:transparent;margin-left:0;margin-top:-2rem}.signup-box .keep-me-logged-in input{-webkit-tap-highlight-color:transparent;place-self:start}.signup-box .submit-button{-webkit-tap-highlight-color:transparent;margin-top:-3rem;width:90%}@media only screen and (max-width:768px){.signup-box{border-radius:1rem}}.loading-container{align-items:center;background-color:#f0f0f0;display:flex;height:100vh;justify-content:center;width:100%}.center-box{background-color:#fff;border-radius:2rem;box-shadow:0 0 8px rgba(0,0,0,.616);display:grid;grid-template-columns:50% 50%;grid-template-rows:50% 50%;height:10rem;padding:1rem;width:10rem}.item-1,.item-2,.item-3,.item-4{background-color:#246bc7fd;border-radius:1rem;height:70%;width:70%}.item-2{justify-self:self-end}.item-3{align-self:end}.item-4{place-self:end}*{box-sizing:border-box;margin:0;padding:0}:root{--user-bg-color:hsla(0,0%,94%,.37)}.user-page-container{background-color:#ffffff52;display:grid;grid-template-columns:8% 1fr;grid-template-rows:12% 1fr;height:100vh;width:100%}.active{grid-template-columns:18.5% 1fr}@media only screen and (max-width:768px){.user-page-container{grid-template-columns:0 1fr}}.Header-container{grid-column:1/3;grid-row:1/2;justify-content:space-between}.Header-container,.menu-button{align-items:center;display:flex;flex-direction:row}.menu-button{-webkit-tap-highlight-color:transparent;background-color:#d9d9d9;border-radius:.6rem;cursor:pointer;font-family:Roboto,sans-serif;font-size:1.2rem;font-weight:500;height:3.25rem;margin-left:.1rem;width:3.25rem}.menu-button p{margin-left:1rem}.menu-button img{height:50%;justify-self:start;width:3rem}@media only screen and (max-width:768px){.menu-button{height:2.5rem;margin-left:.5rem;width:2.5rem}}.profile{border:2px solid #8f8f8f;border-radius:50%;box-shadow:0 0 8px hsla(0,0%,72%,.856);cursor:pointer;height:3rem;margin-right:calc(4% + 10px);overflow:hidden;width:3rem}.profile img{height:100%;object-fit:cover;width:100%}@media only screen and (max-width:768px){.profile{height:2.7rem;width:2.7rem}}.search-bar{align-items:center;display:flex;height:2.55rem;position:relative;width:45%}.search-bar input{background-color:#f6f6f6d5;border:1px solid rgba(0,0,0,.507);border-radius:.48rem;box-shadow:0 0 5px rgba(0,0,0,.23);color:#201d1dc9;font-size:.9rem;height:100%;outline:none;padding-left:2.5rem;width:100%}.search-bar img{left:2%;position:absolute}@media only screen and (max-width:768px){.search-bar{height:2.2rem;width:60%}}.menubar{align-items:center;background-color:#121c40;border-radius:.75rem .75rem .75rem 0;display:flex;flex-direction:column;font-family:Signika Negative,sans-serif;height:100%;padding:.8rem .5rem;position:relative;z-index:10}.notes-button{cursor:pointer;justify-content:center;margin-top:.3rem}.notes-button,.notes-button.active{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:.5rem;color:#fff;display:flex;flex-direction:row;font-size:1rem;height:2.5rem;width:100%}.notes-button.active{justify-content:flex-start}.active-link{background-color:#d9d9d93d}.notes-button img{height:1.25rem;width:2rem}.notes-button.active img{margin-left:5%}.notes-button p{margin-left:8%}.add-button{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#fff;border-radius:50%;bottom:2.5rem;box-shadow:0 0 8px rgba(88,82,82,.77);cursor:pointer;display:flex;height:5rem;justify-content:center;position:fixed;right:2.5rem;width:5rem}.add-button img{width:55%}@media only screen and (max-width:768px){.add-button{bottom:1.6rem;height:4rem;right:1.6rem;width:4rem}}.notes-container{font-family:Open Sans,sans-serif;grid-column:2/3;grid-row:2/3;overflow-x:hidden;overflow-y:scroll;padding:1.5rem 1rem 2rem}.note-section,.notes-container{display:flex;flex-direction:column;width:100%}.note-section>p{color:#2d2d2d;font-size:clamp(.6rem,6vw,1.2rem);font-weight:700}.note-box-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,22%);margin-top:1rem;padding:1rem}.note-box{-webkit-tap-highlight-color:transparent;border:1px solid rgba(0,0,0,.233);border-radius:.5rem;box-sizing:border-box;cursor:pointer;-webkit-filter:drop-shadow(0 0 10px rgba(0,0,0,.25));filter:drop-shadow(0 0 10px rgba(0,0,0,.25));height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;width:100%}.note-box video{border-radius:.5rem .5rem 0 0;width:100%}.note-box.border-color{border:2px solid rgba(0,153,255,.932)}.note-image{border-radius:.5rem .5rem 0 0;height:10rem;position:relative;width:100%}.note-box>h3{margin:.5rem 0 0 1rem}.note-box>p{font-size:clamp(.05vh,.95rem,16px);margin:1rem 1rem 1.8rem;width:90%}.selection-btn{-webkit-tap-highlight-color:transparent;height:1.3rem;left:-.7rem;position:absolute;top:-.7em;visibility:hidden;width:1.3rem}.note-box:hover>.menu-note-container,.note-box:hover>.selection-btn{visibility:visible}.note-bottom-icons{display:flex;flex-direction:row;margin-bottom:1rem;margin-left:1.1rem}.note-bottom-icons>img+img{margin-left:1rem}.frame-for-empty-notes{height:100%}.frame-container,.frame-for-empty-notes{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.frame-container{color:#2d2d2dc7;font-family:Open Sans;font-style:italic;margin-top:-7.5rem}.frame-container p{margin-top:.8rem}@media only screen and (max-width:768px){.note-box-container{gap:.5rem;grid-template-columns:repeat(2,1fr);padding:0}.note-box>p{font-size:.7rem}.note-image{height:7rem}}.menu-note-container{-webkit-tap-highlight-color:transparent;left:calc(50% - .9rem);position:relative;visibility:hidden}.color-item,.item,.menu-note-button{background-color:#fff}.color-item,.item,.menu-note-button{border-radius:50%;height:1.8rem;left:0;position:absolute;top:0;width:1.8rem}.color-item{transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;z-index:1}.color-item:hover{border:2px solid #1818c9}.menu-note-button{align-items:center;display:flex;justify-content:center;z-index:20}.menu-note-button img{height:.8rem;width:.8rem}.item{align-items:center;display:flex;justify-content:center;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;z-index:5}.item img{width:40%}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;left:0;opacity:0;padding:8px 16px;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease-out;visibility:hidden;width:-webkit-max-content;width:max-content;will-change:opacity,visibility}.styles-module_fixed__7ciUi{position:fixed}.styles-module_arrow__K0L3T{background:inherit;height:8px;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px}.styles-module_no-arrow__KcFZN{display:none}.styles-module_clickable__Bv9o7{pointer-events:auto}.styles-module_show__2NboJ{opacity:.9;opacity:var(--rt-opacity);visibility:visible}.styles-module_dark__xNqje{background:#222;background:var(--rt-color-dark);color:#fff;color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:#fff;background-color:var(--rt-color-white);color:#222;color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:#8dc572;background-color:var(--rt-color-success);color:#fff;color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:#f0ad4e;background-color:var(--rt-color-warning);color:#fff;color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:#be6464;background-color:var(--rt-color-error);color:#fff;color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:#337ab7;background-color:var(--rt-color-info);color:#fff;color:var(--rt-color-white)}.notes-add-wrapper{align-items:center;background-color:#2d2d2d78;display:flex;height:88vh;justify-content:center;left:0;position:absolute;top:12vh;width:100%;z-index:20}.note-add-container{display:flex;flex-direction:column;gap:1rem;min-width:20rem;width:35%}.note-add-box{background-color:#fff;border-radius:.75rem;min-height:4rem;position:relative;width:100%}.note-input-section{display:flex;flex-direction:column;margin-left:5%;margin-top:1rem;width:90%}.note-input-section>input{border:none;caret-color:transparent;font-family:Open Sans,sans-serif;font-size:1.1rem;height:1.8rem;outline:none}.note-input-section>input::-webkit-input-placeholder{color:rgba(0,0,0,.582);font-family:Open Sans,sans-serif;font-size:1.1rem;opacity:1}.note-input-section>input::placeholder{color:rgba(0,0,0,.582);font-family:Open Sans,sans-serif;font-size:1.1rem;opacity:1}.note-input-section>input+textarea{background-color:initial;border:none;font-family:Open Sans,sans-serif;font-size:.9rem;height:2rem;margin-top:.4rem;outline:none;overflow:hidden;resize:none}.note-input-section img{cursor:pointer;position:absolute;right:1rem;top:1rem;width:1.5rem}.note-box-menu-section{align-items:center;bottom:0;box-shadow:0 -2px 2.2px rgba(0,0,0,.07),0 -2px 5.3px rgba(0,0,0,.05),0 -2px 10px rgba(0,0,0,.042),0 -2px 17.9px rgba(0,0,0,.035),0 -2px 33.4px rgba(0,0,0,.028),0 -2px 80px rgba(0,0,0,.02);display:flex;flex-direction:row;height:3rem;justify-content:space-between;left:0;margin-top:1rem;width:100%}.note-add-box-menu{display:flex;flex-direction:row;gap:2rem;margin-left:5%}.note-add-box-menu img{cursor:pointer}.note-box-menu-section>p{cursor:pointer;font-family:Open Sans,sans-serif;font-size:1.1rem;margin-right:5%}.color-selection-box-container{align-items:center;background-color:#fff;border-radius:.75rem;display:flex;flex-direction:row;gap:.5rem;height:3rem;width:100%}.color-btn,.color-default-btn{border-radius:50%;cursor:pointer;height:1.8rem;width:1.8rem}.color-btn:hover,.color-default-btn:hover{border:2px solid #1616ca}.color-default-btn{margin-left:5%}.color-default-btn img{height:100%;width:100%}@media only screen and (max-width:768px){.color-btn,.color-default-btn{height:1.2rem;width:1.2rem}.color-selection-box-container{border-radius:.55rem;gap:.3rem;height:2.25rem}.note-add-container{gap:.5rem}}@media only screen and (max-width:600px){.notes-add-wrapper{align-items:none;background-color:initial;justify-content:none;top:5vh}.note-add-container{gap:0;height:100vh;width:100%;z-index:999}.note-add-box{height:100vh}.note-box-menu-section{bottom:0;left:0;position:absolute;z-index:999}}.selection-header-container{align-items:center;background-color:#fff;border-radius:0 0 .65rem .65rem;box-shadow:0 .4px 2.2px rgba(0,0,0,.037),0 .9px 5.3px rgba(0,0,0,.053),0 1.8px 10px rgba(0,0,0,.065),0 3.1px 17.9px rgba(0,0,0,.077),0 5.8px 33.4px rgba(0,0,0,.093),0 14px 80px rgba(0,0,0,.13);display:flex;flex-direction:row;grid-column:1/3;grid-row:1/2;height:90%;justify-content:space-between}.selection-header-left-section{align-items:center;display:flex;flex-direction:row;margin-left:2rem;width:calc(15% + 30vw)}.selection-header-cancel-button{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:3rem;justify-content:center;width:3rem}.selection-header-cancel-button:hover{background-color:rgba(73,60,60,.685)}.selection-header-cancel-button img{width:75%}.selection-header-left-section p{color:#2d2d2dd3;font-family:Open Sans,sans-serif;font-size:1.5rem;margin-left:.5rem}.selection-header-left-section span{font-size:1.8rem;margin-right:.5rem}.selection-header-right-section{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly;margin-right:1.5rem;width:calc(15% + 1.8rem)}.selection-header-delete-button,.selection-header-favourate-button,.selection-header-pin-button{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.selection-header-delete-button:hover,.selection-header-favourate-button:hover,.selection-header-pin-button:hover{background-color:#2d2d2d73}.selection-header-delete-button img,.selection-header-favourate-button img,.selection-header-pin-button img{width:55%}@media only screen and (max-width:768px){.selection-header-left-section{margin-left:1rem}.selection-header-cancel-button{height:2rem;width:2rem}.selection-header-left-section p{font-family:Open Sans,sans-serif;font-size:1.2rem;margin-left:.2rem}.selection-header-left-section span{font-size:1.5rem;margin-right:.5rem}.selection-header-delete-button,.selection-header-favourate-button,.selection-header-pin-button{height:2rem;width:2rem}}
/*# sourceMappingURL=main.41198137.css.map*/