@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;1,200;1,300;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Koulen&family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;1,200;1,300;1,400&display=swap";:root{--primary: #A0BCC2;--secondary: #F1EEE9;--eh: #354259;--white: rgb(243, 239, 239);--pink: pink}*{padding:0;margin:0;box-sizing:border-box;font-family:Source Sans Pro,sans-serif;overflow-x:hidden}.head__container{height:80px;width:100vw;display:flex;flex-direction:row;justify-content:space-around;align-items:center;font-size:18px;background-color:var(--eh);color:var(--white)}.head__left h3{color:#fff;letter-spacing:5px;cursor:pointer}.head__right{display:flex;align-items:center;justify-content:space-around}.head__right a{margin:0 10px;padding:2px 3px}.footer__container{height:75px;background-color:var(--eh);width:100vw;display:flex;justify-content:space-around;align-items:center;flex-direction:row;font-size:18px;color:var(--white)}.joke__container{width:100vw;background-color:var(--primary);padding:20px 30px;display:flex;justify-content:center;border-top:2px solid purple}.abstract,.joke{width:50%}.abstract p{width:70%;padding:10px 0;font-size:18px;line-height:25px;letter-spacing:1px}.joke p{width:90%;padding:10px 0;font-size:18px;line-height:25px;letter-spacing:1px}.joke .changeJoke{width:fit-content;border-bottom:2px solid purple;border-radius:3px;padding:2px 3px;cursor:pointer}.body__container{display:flex;width:100vw;height:fit-content;padding:0}.body__left{width:65%}.body__right{width:35%}.left__menu{width:100%;height:50px;background-color:var(--primary);display:flex;justify-content:space-evenly;align-items:center;border-bottom:2px solid purple;border-right:2px solid purple}.left__menu a{padding:2px 3px;margin:2px}.right__menu{width:100%;height:50px;background-color:var(--primary);display:flex;justify-content:space-around;align-items:center;border-bottom:2px solid purple;border-left:2px solid purple}.notes__container{min-height:35em;border-right:1px solid purple;background:pink}.nocontent{text-align:center;padding:50px 0;color:purple;animation:mymove 5s infinite}@keyframes mymove{0%{color:purple}50%{color:red;text-decoration:underline}90%{color:#d46525}to{color:#b80bb8}}.notes{background:var(--pink);width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:0px;grid-row-gap:10px}.note__container{border:1px solid var(--eh);padding:9px 10px;margin:10px 15px}.note__head{width:100%;display:flex;flex-direction:row;justify-content:space-between;border-bottom:2px solid purple;min-height:50px}.title{font-size:18px;font-weight:600;text-transform:capitalize;padding:10px 4px;width:75%}.note__body{font-size:18px;padding:10px 4px;border-bottom:2px solid purple;min-height:150px}.note_foot{min-height:50px;display:flex;align-items:center;justify-content:space-between}.update{background-color:#008000a9;cursor:no-drop!important}.delete{background-color:#fa1818b2}.update:hover{background-color:green}.delete:hover{background-color:red}.actionbtn{font-style:normal;text-decoration:none;text-transform:capitalize;font-size:17px;font-weight:500;border:1px solid purple;padding:2px 5px;border-radius:3px;color:#fff;cursor:pointer}.form{min-height:400px;display:flex;width:100%;height:100%;margin:0 auto;justify-content:center;background-color:var(--secondary)}.form__body{padding:10px 20px;margin:10px 20px;width:100%}.footer_right{height:27px}.form_div{display:flex;flex-direction:column}.form__body label{font-size:17px;margin:12px 0}input,.form__body textarea{font-size:18px;padding:5px 10px;outline:none;border:transparent;width:100%}.form__body input,.form__body textarea{background-color:pink}#tags{background:pink;outline:none;cursor:pointer;font-size:17px;padding:4px 3px}input[type=submit]{background-color:#f75f5f;margin:20px 0;width:50%;cursor:pointer;border:1px solid purple;color:#e2e1e1}input[type=submit]:hover{background-color:red;color:#fff;transition:.2s}.footer__container a{margin:0 10px;padding:2px 3px}.container{display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column;background:url(/assets/bg1.b92241d1.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}.magic{text-align:center}.content{padding:20px 50px;background-color:#272626;color:#fff;border-radius:3px;border:1px solid rgb(110,108,108)}.handle{align-items:center;justify-content:center;flex-direction:row;display:flex}.blogin{margin:20px 30px;font-size:17px;cursor:pointer;text-decoration:none;color:var(--secondary);border:1px solid transparent}.font-25{font-size:25px}.font20{font-size:20px}.no_desc{text-decoration:none;list-style:none;color:var(--white)}.hover_underline:hover{border-bottom:1px solid purple;cursor:pointer}.border_radius{border-radius:3px}.black{color:#000}.time{text-transform:capitalize}.logout{cursor:pointer;padding:2px 3px}.add_bg,.hover_underlinebox:hover{border-bottom:2px solid purple;background:rgb(107,207,207);transition:.4s;font-weight:500;color:#000}.add_bordertransparent{border:2px solid transparent}.fancy_heading{font-family:Koulen,cursive;letter-spacing:3px}.head__mid{display:flex;text-transform:capitalize}.head__mid p{color:red;font-weight:500;letter-spacing:3px}@media only screen and (max-width: 480px){.head__container{height:100px;width:100vw;display:flex;flex-direction:column;justify-content:space-around;align-items:center;font-size:18px}.head__mid{display:none}.footer__container{background-color:var(--eh);width:100vw;display:flex;justify-content:space-around;align-items:center;font-size:18px;flex-direction:column;height:120px;padding:10px 0}.body__container{flex-direction:column-reverse}.body__right,.body__left{width:100%}.notes{grid-template-columns:repeat(1,1fr)}.joke__container{flex-direction:column}.abstract,.abstract p,.joke,.joke p{width:100%}.left__menu,.right__menu{border:2px solid purple}}.login__container{min-height:100vh;background-color:pink;display:flex;flex-direction:column;justify-content:center;align-items:center;background:url(/assets/bg1.b92241d1.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}.l_data{border:1px solid rgb(110,108,108);width:35em;padding:20px 30px;background-color:#272626;color:#fff;border-radius:3px}.lh_h2{text-align:center;margin:5px 0;letter-spacing:5px}.lh_p{text-align:center;margin-bottom:10px}.l_body h3{margin-bottom:10px;text-align:center;font-weight:600}.l_form{margin:18px 10px}.email{margin-bottom:10px}.l_form input[type=submit]{width:100%;text-align:center}@media only screen and (max-width: 480px){.l_data{width:100%}}.signup__container{min-height:100vh;background-color:pink;display:flex;flex-direction:column;justify-content:center;align-items:center;background:url(/assets/signup.e00f636d.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}.soon{cursor:no-drop!important}.s_data{border:1px solid rgb(110,108,108);width:35em;padding:20px 30px;background-color:#272626;color:#fff;border-radius:3px}.sh_h2{text-align:center;margin:5px 0;letter-spacing:5px}.sh_p{text-align:center;margin-bottom:10px}.s_body h3{margin-bottom:10px;text-align:center;font-weight:600}.s_form{margin:18px 10px}.email{margin-bottom:10px;margin-top:10px}.s_form input[type=submit]{width:100%;text-align:center}.error_message{text-align:center;font-weight:600;color:red;font-size:20px}@media only screen and (max-width: 480px){.s_data{width:100%}}.about{background-color:pink;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;flex-direction:column}.about_me{padding:20px 10px;width:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;border:2px solid purple;border-radius:3px}.ul_li{font-size:1.2rem;letter-spacing:2px;font-weight:500}.about_project{border:2px solid rgb(80,4,80);border-radius:3px;padding:20px 10px;width:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.ul_li>a{margin:10px 00px}.ul_li{line-height:1.4em}.li_head{font-size:1.2em;margin:10px 0;text-decoration:underline}@media only screen and (max-width: 480px){.about{display:block}.about_me{width:100%}.about_project{width:100%;margin:10px 0}}