@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.Header{display:flex;justify-content:space-between;align-items:center}.Header ul{list-style:none;display:flex}.Header li{margin-left:30px}.Header li:hover{color:#e76f51}.Header .logo{background-image:linear-gradient(to right,#12c2e9,#c471ed,#f64f59);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;font-size:1.5em}.noteList{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;margin-bottom:100px}.noteList ul{display:flex;justify-content:space-evenly;list-style:none}input{margin:20px 0;width:50%;padding:10px 20px;border-radius:10px;background-color:#fff;border:none;box-shadow:#959da533 0 8px 24px}.singleNote{padding:20px;background-color:#fff;border-radius:10px;box-shadow:#959da533 0 8px 24px;width:100%;height:100%}.singleNote h2{font-weight:700}.singleNote p{font-style:italic}body{font-family:Arial,Helvetica,sans-serif;margin:0;background-color:#f5f3e9}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.column{float:left;width:39.3%;margin-bottom:16px;padding:0 10px}.card{margin:bottom;font-size:20px;grid-row:0px;display:flex;justify-content:space space-evenly;padding-left:20px}.aboutus{padding:20px;font-size:35px;text-align:center;background-color:#2a9d8f;color:#000}.container:after,.row:after{content:"";clear:both;display:table;font-size:40px}.title{color:#ad1360}.button{border:none;outline:0;display:inline-block;padding:8px;color:#fff;background-color:#000;text-align:center;cursor:pointer;width:100%}.button:hover{background-color:#555}@media screen and (max-width: 650px){.column{width:100%;display:block}}.footer{position:botttom}.PageNotFound{text-align:center;padding:5em}.PageNotFound span{display:block;font-weight:700}form .gap{display:flex;gap:20px}form textarea{margin-top:15px;width:770px;height:380px;border-radius:10px;padding:15px}form button{width:150px;margin:15px}form textarea{border:none}.Footer{position:fixed;bottom:0;padding:20px 30px;left:0;background-color:#000;color:#fff;width:100%}.Footer ul{list-style:none;display:flex;justify-content:space-between}.note{padding:20px;width:100%;height:100%}.note .note__title{font-size:1.5em;font-weight:700;border:none}.note .note__date,.note .note__category{border:none}.note .note__body{margin-top:20px;border:none}.note input{margin-top:0}.note p{font-style:italic}.note ul{display:flex;justify-content:space-evenly;list-style:none}.note button{border:none;padding:15px;margin-top:15px;cursor:pointer;border-radius:10px}.note .update__button{display:flex}.note .delete__button{margin-top:-65px;display:flex;justify-content:flex-end}.note .delete__button-options,.note .update__button-options{margin-left:20px}.note .delete__button-warning,.note .update__button-warning{color:red;display:flex;justify-content:center}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main{margin:0;padding:0;border:0;box-sizing:border-box;font-size:100%;font:inherit;text-decoration:none;font-family:Poppins,sans-serif}body{padding:30px;scroll-behavior:smooth}a:any-link{color:inherit}button{border:none;border-radius:10px;box-shadow:#959da533 0 8px 24px;background-color:#e76f51;color:#fff;padding:10px 15px}button:hover{background-color:#2a9d8f}