@import url(https://fonts.googleapis.com/css?family=Gloria+Hallelujah);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-animation:slidein 100s;animation:slidein 100s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-image:url(https://static.pexels.com/photos/414171/pexels-photo-414171.jpeg);background-size:cover;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:30px}@-webkit-keyframes slidein{0%{background-position:top;background-size:3000px}to{background-position:-100px 0;background-size:2750px}}@keyframes slidein{0%{background-position:top;background-size:3000px}to{background-position:-100px 0;background-size:2750px}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{font-size:30px;font-weight:400;margin-top:25px;text-align:center}*{box-sizing:border-box}#create,textarea{float:left;height:250px;margin:0 10px 20px;padding:25px 25px 40px;width:250px}textarea{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.54);border:0;border-radius:3px;border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);line-height:1.5;max-height:250px;max-width:520px;overflow:hidden;transition:box-shadow .5s ease}textarea:hover{box-shadow:0 5px 8px rgba(0,0,0,.15)}textarea:focus{box-shadow:0 5px 12px rgba(0,0,0,.2);outline:none}.sticky-notes-container{align-items:center;height:85vh;justify-content:center}.messageForm,.sticky-notes-container{display:flex;flex-direction:column}.sticky-note{display:flex;justify-content:center}.stickyNotes{grid-gap:0 0;display:grid;gap:0 0;grid-auto-flow:row;grid-template-columns:repeat(3,1fr);height:85vh;margin:30px;overflow-y:scroll}@media (max-width:768px) and (max-height:1024px){.stickyNotes{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(8,1fr)}textarea{margin-right:0}}@media (max-width:480px){.stickyNotes{grid-template-columns:1fr;grid-template-rows:repeat(16,1fr)}textarea{margin-right:0}}@media (max-width:320px) and (max-height:568px){textarea{margin-right:0}}::-webkit-scrollbar{background:transparent;width:0}textarea{resize:none}.logOutBtn{background-color:#054141;border:none;border-radius:50%;box-shadow:2px 2px 10px rgba(0,0,0,.199);cursor:pointer;height:45px;justify-content:flex-start;overflow:hidden;position:relative;width:45px}.logOutBtn,.sign{align-items:center;display:flex;transition-duration:.3s}.sign{justify-content:center;width:100%}.sign svg{width:17px}.sign svg path{fill:#fff}.logOutText{color:#fff;font-size:1.2em;font-weight:600;opacity:0;position:absolute;right:0;transition-duration:.3s;width:0}.logOutBtn:hover{border-radius:40px;transition-duration:.3s;width:125px}.logOutBtn:hover .sign{padding-left:20px;transition-duration:.3s;width:30%}.logOutBtn:hover .logOutText{opacity:1;padding-right:10px;transition-duration:.3s;width:70%}.logOutBtn:active{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}input{background-color:#eee;border:none;border-radius:1rem;cursor:pointer;font-size:1rem;margin:15px 0;padding:1rem;width:13em}input:focus{outline:none}.postBtn{align-items:center;background:#333;background:linear-gradient(145deg,#2e2d2d,#212121);border:1px solid #404c5d;border-radius:5px;box-shadow:-1px -5px 15px #41465b,5px 5px 15px #41465b,inset 5px 5px 10px #212121,inset -5px -5px 10px #212121;color:#a1a1a1;font-size:16px;height:50px;justify-content:center;margin:5px;transition:.5s;width:120px}.postBtn:hover{box-shadow:1px 1px 13px #20232e,-1px -1px 13px #545b78;color:#d6d6d6;transition:.5s}.postBtn:active{box-shadow:1px 1px 13px #20232e,-1px -1px 33px #545b78;color:#d6d6d6;transition:.1s}.messageForm{align-items:center}.loginContainer{height:90vh;justify-content:center}.loginContainer,.main{align-items:center;display:flex}.main{-webkit-backdrop-filter:blur(7.2px);backdrop-filter:blur(7.2px);background-color:hsla(0,0%,100%,.2);border-radius:12px;box-shadow:7px 7px 10px 3px #24004628;margin:0 10px;max-height:420px;overflow:hidden;position:relative;scale:120%;width:237px}.form,.main{flex-direction:column}.form{display:flex;gap:15px;height:100%;padding:28px;width:100%}#chk{display:none}.login{height:430px;position:relative;width:100%}.login label{margin:25% 0 5%}label{color:#fff;cursor:pointer;display:flex;font-size:2rem;font-weight:700;justify-content:center;transition:.5s ease-in-out}.input{background:#e0dede;border:none;border-radius:4px;height:35px;margin:0;outline:none;padding:10px;width:100%}.register{background:#fff;border-radius:50%/10%;margin:0;-webkit-transform:translateY(10%);transform:translateY(10%);transition:.8s ease-in-out}.register label{color:#446540;-webkit-transform:scale(.6);transform:scale(.6)}#chk:checked~.register{-webkit-transform:translateY(-80%);transform:translateY(-80%)}#chk:checked~.register label{margin:10% 0 5%;-webkit-transform:scale(1);transform:scale(1)}#chk:checked~.login label{margin:35% 0 25%;-webkit-transform:scale(.6);transform:scale(.6)}.form button{background:rgba(29,55,152,.4);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;height:40px;margin:12px auto 10%;padding:0;transition:.2s ease-in;width:85%}.form button:hover{background-color:rgba(17,70,13,.4)}@media (min-width:768px) and (max-width:1024px){.main{width:34%}.register{-webkit-transform:translateY(-30%);transform:translateY(-30%)}#chk:checked~.register{-webkit-transform:translateY(-95%);transform:translateY(-95%)}}@media (max-width:480px){.loginContainer{padding:0 10px}.main{scale:150%;width:70%}.form button{margin:-8% 0 25%;width:100%}.form{gap:21px}#chk:checked~.register{-webkit-transform:translateY(-90%);transform:translateY(-90%)}.register{-webkit-transform:translateY(-30%);transform:translateY(-30%)}#chk:checked~.login label{margin:20% 0 25%}}@media (max-width:320px) and (max-height:568px){.form{padding:38px}.register{-webkit-transform:translateY(-30%);transform:translateY(-30%)}#chk:checked~.register{-webkit-transform:translateY(-90%);transform:translateY(-90%)}.main{scale:115%;width:100%}}
/*# sourceMappingURL=main.dc5eb284.css.map*/