@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;500&family=Roboto:wght@300;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{display:flex;flex-direction:column}.app>h1{color:#d70ce9;font-size:40px;margin:auto;padding:20px;text-decoration:underline;-webkit-text-emphasis:500;text-emphasis:500}.loginMain{background-image:linear-gradient(90deg,pink,#f5f2f2,pink);display:flex;flex-direction:column;height:102.7vh;margin-top:-20px;width:100vw}.loginMain>h1{color:#d70ce9;font-size:40px;margin:1rem auto;padding:20px;text-decoration:underline;-webkit-text-emphasis:500;text-emphasis:500}.login{box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;height:70vh;margin:1rem auto;width:70vw}.login_empty{background-image:linear-gradient(90deg,pink,#ebe4e4,pink);flex:2 1}.login_empty>img{height:80%;margin-top:30px;width:100%}.login_box{align-items:center;display:flex;flex:4 1;flex-direction:column}.login_box>h2{background-color:#fff;border-radius:30px;box-shadow:0 5px 15px rgba(0,0,0,.35);color:#ecf1f6;margin-bottom:1em;margin-top:2rem;padding:10px 0}.login_main{display:flex;flex-direction:column;padding:3em}.login_main>span{color:#012d8a;font-size:large;font-weight:600;margin-bottom:5px;margin-left:.5em}.login_main>input:focus{outline:none}.login_main>input{background-color:#f7f7f7;border:1px solid grey;border-radius:30px;margin-bottom:1em;padding:1em}.login_main>button{background-color:#15de76;border:none;border-radius:30px;color:#bcdad4;color:#2b1f3d;cursor:pointer;font-size:16px;font-weight:700;padding:1em}.fp{cursor:pointer}.signup_main{display:flex;display:none;flex-direction:column;margin-top:8px}.signup_main>span{color:#012d8a;font-size:large;font-weight:600;margin-bottom:5px;margin-left:.5em}.signup_main>input{background-color:#f7f7f7;border:1px solid grey;border-radius:30px;margin-bottom:1em;padding:.5em}.signup_main>button{background-color:#15de76;border:none;border-radius:30px;color:#2b1f3d;cursor:pointer;font-size:16px;font-weight:700;padding:1em}.ls,.ss{align-self:center;border-radius:30px;color:#000;cursor:pointer;padding:10px}.ls{padding-left:25px;padding-right:25px}.ss{padding-left:22px;padding-right:22px}.active{background-image:linear-gradient(90deg,#8a2be2,blue);color:#fff}@media only screen and (max-width:900px){.login_empty{display:none}}*{box-sizing:border-box;margin:0;padding:0}body{background-image:linear-gradient(90deg,#00b09b,#96c93d);font-family:Roboto,san-serif}h1{font-size:2rem}p{font-family:Poppins,serif}a{color:#000;text-decoration:none}.flex{align-items:center;display:flex}.hidden{display:none}.a img,.add-note img{background-color:#fff}.a img,.add-note img,.confirm img{border-radius:50%;margin-right:5px;width:30px}.confirm img{background-color:red}.add-remove{justify-content:space-around;width:25%}.notes-container{align-items:flex-start;flex-wrap:wrap;justify-content:space-evenly;margin-inline:auto;margin-top:100px;padding:20px;width:90%}p::-webkit-scrollbar{display:none}.notes{-webkit-margin-before:20px;display:inline-block;margin-block-start:20px;margin-left:30px;margin-top:20px;margin-inline:2%;vertical-align:top;width:28%}.notes,.notes h3{position:relative}.notes h3{background-color:#f7a624;background-image:linear-gradient(90deg,orange,#ff00a2);color:#efe4e2;font-size:x-large;padding-block:.7rem;text-align:center}.notes textarea{background-color:inherit;background-color:#fdf1f1;border:none;font-size:xx-large;font-weight:500;height:200px;overflow:scroll;padding:30px;width:100%}.notes img{margin-left:-12px;margin-top:5px}.notes textarea:focus{outline:none}.notes textarea::-webkit-scrollbar{display:none}.notes h3 div{display:inline-block}.notes h3 #date{background-color:inherit;font-size:small;font-weight:500}.notes h3 .pin img{height:80%;left:0;position:absolute;top:5px;width:3rem}#delete-note{display:none;height:20px;position:absolute;right:-5px;top:-5px;width:20px}.notes-container .delete-hidden{align-self:flex-end;background-color:#ead4ff;border-radius:5px;cursor:pointer;padding:.5rem}.edit-note{width:100%}.edit-note button{background-color:#f9cd4b;border:2px solid grey;border-radius:5px;cursor:pointer;padding:12px;width:50%}.edit-note button:hover{background-color:#f649ff;color:#fff}@-webkit-keyframes eaout{0%{height:0;width:0}to{height:60vh;width:40vw}}@keyframes eaout{0%{height:0;width:0}to{height:60vh;width:40vw}}.addnote{align-self:center;-webkit-animation:eaout .1s ease-out;animation:eaout .1s ease-out;background-color:#fff;border:2px solid #000;box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;display:none;flex-direction:column;height:60vh;margin-left:30vw;margin-top:4rem;position:fixed;width:40vw;z-index:990}.addnote>input{border:none;border-bottom:2px solid grey;flex:1 1;font-size:x-large;padding:10px}.addnote>input:focus,.addnote>textarea:focus{outline:none}.addnote>textarea::-webkit-scrollbar{display:none}.addnote>textarea{background-color:#fff;border:none;flex:6 1;font-size:x-large;padding:10px;resize:none}.addnote>p{background-image:linear-gradient(90deg,orange,#ff00a2);padding:10px;text-align:center}.addnote>p>img{cursor:pointer;position:absolute;right:0;top:0;width:20px}.addnote>img{width:50px}.sendimg{-webkit-clip-path:polygon(10% 0,90% 50%,10% 100%,20% 55%,50% 50%,20% 45%);clip-path:polygon(10% 0,90% 50%,10% 100%,20% 55%,50% 50%,20% 45%);cursor:pointer;margin-left:auto}.datee{display:block;font-size:15px;font-weight:300}.editnote{align-self:center;-webkit-animation:eaout .1s ease-out;animation:eaout .1s ease-out;background-color:#fff;border:2px solid #000;box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;display:none;flex-direction:column;height:60vh;margin-left:30vw;margin-top:4rem;position:fixed;width:40vw;z-index:990}.editnote>input{border:none;border-bottom:2px solid grey;flex:1 1;font-size:x-large;padding:10px}.editnote>input:focus,.editnote>textarea:focus{outline:none}.editnote>textarea::-webkit-scrollbar{display:none}.editnote>textarea{background-color:#fff;border:none;flex:6 1;font-size:x-large;padding:10px;resize:none}.editnote>p{background-image:linear-gradient(90deg,orange,#ff00a2);padding:10px;text-align:center}.editnote>p>img{cursor:pointer;position:absolute;right:0;top:0;width:20px}.editnote>img{width:50px}.editsendimg{-webkit-clip-path:polygon(10% 0,90% 50%,10% 100%,20% 55%,50% 50%,20% 45%);clip-path:polygon(10% 0,90% 50%,10% 100%,20% 55%,50% 50%,20% 45%);cursor:pointer;margin-left:auto}.confirm{display:none}.container>h1{display:flex}.nav{background-image:linear-gradient(90deg,#8a2387,#e94057,#f27121)}.container>h1>span{color:#e4e1d5;margin-left:5px}.container>h1>h4,.container>h1>span{display:inline-block;font-size:50px;font-weight:350}.container>h1>h4{color:#efcd0b}.showpop{align-self:center;-webkit-animation:eaout .1s ease-out;animation:eaout .1s ease-out;background-color:#fff;border:2px solid #000;box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;display:none;flex-direction:column;height:60vh;margin-left:30vw;margin-top:4rem;position:fixed;width:40vw;z-index:970}.showtitle{background-image:linear-gradient(90deg,orange,#ff00a2);border:none;border-bottom:2px solid grey;color:#fcf7fc;flex:1 1;font-size:x-large;font-weight:600;padding:10px;text-align:center}.showpop>h4{background-color:#fff;border:none;flex:6 1;font-size:xx-large;font-weight:500;padding:30px}.showpop>p{background-image:linear-gradient(90deg,#0f9,#00b7ff);font-size:x-large;padding:10px;text-align:center}.showpop>p>img{cursor:pointer;position:absolute;right:0;top:0;width:20px}.showpop>img{width:50px}.dite{display:block;font-size:15px;font-weight:300}.logout{background-color:#c220ef;cursor:pointer;margin-left:-10px;width:40px}.logout:hover{background-color:red}.notes>h3{cursor:pointer}.down{margin-left:200px;max-width:30px}.bin,.imu{cursor:pointer;width:2%}.arch{position:absolute;right:10px;top:20px;width:10%}.nss{display:none}@media only screen and (max-width:600px){.container>h1>span{font-size:20px;margin-left:0}.container>h1>h4{font-size:10px}.container>h1{display:flex;flex-direction:column;margin-left:9px}.search{flex:2 1;margin-left:5px}.logout{margin-left:-20px;width:27px}.notes{width:100%}.addnote,.editnote,.showpop{margin-left:11vw;width:81vw}.yyy{display:none}.add-remove{margin-left:10px;margin-right:-20px}.bin,.imu{width:10%}}#dui,.nav{width:100%}.nav{background-color:#ffd20c;height:12vh;min-height:60px;padding-inline:20px;position:fixed;top:0;z-index:99}.nav .container{height:100%;justify-content:space-between}.search img{height:1.4rem;margin-right:5px;width:1.4rem}.nav .left{justify-content:space-around;width:40%}.search{background-color:#fff;border-radius:30px;margin-left:40px;padding:8px;width:40%}.nav input{border:none;font-size:medium;height:2rem;width:90%}.nav input:focus{outline:none}.ilu{cursor:pointer;width:10%}
/*# sourceMappingURL=main.96c5302b.css.map*/