@import url(https://fonts.googleapis.com/css?family=Montserrat:400,800);.home header{background-color:#aed581;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;margin:auto -16px;padding:16px 32px;box-shadow:0 0 10px 0 rgba(0,0,0,.3)}.home header h1{color:#fff;font-family:McLaren,cursive;font-weight:200}.home .searchinput{background-color:#eee;border-radius:20px;border:none;padding:12px 15px;margin:5px 0;width:100%}.home input:focus,.home textarea:focus{outline:none}.home .logout{border-radius:20px;border:none;background-color:#d45050;color:#fff;font-size:12px;font-weight:700;padding:12px 20px;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.home footer{position:absolute;text-align:center;bottom:0;width:100%;height:2.5rem}.home footer p{color:#ccc}.home .note{background:#fff;border-radius:7px;box-shadow:0 2px 5px #ccc;padding:10px;width:240px;margin:16px;float:left}.home .note h1{font-size:1.1em;margin-bottom:6px}.home .note p{font-size:1.1em;margin-bottom:10px;white-space:pre-wrap;word-wrap:break-word}.home .note button{position:relative;float:right;margin-right:10px;color:#aed581;border:none;width:50px;height:36px;cursor:pointer;outline:none}.home .noteinput{position:relative;width:480px;margin:30px auto 20px;background:#fff;padding:15px;border-radius:7px;box-shadow:0 1px 5px #8a8989}.home .noteinput input,.home .noteinput textarea{width:100%;border:none;padding:4px;outline:none;font-size:1.2em;font-family:inherit;resize:none}.home form button{position:absolute;right:18px;bottom:-18px;background:#aed581;color:#fff;border:none;border-radius:50%;width:36px;height:36px;box-shadow:0 1px 3px rgba(0,0,0,.3);cursor:pointer;outline:none}*{padding:0;margin:0;box-sizing:border-box}body{background:#f6f5f7;font-family:Montserrat,sans-serif;height:100vh;text-align:center;overflow-x:hidden}.Login h1{font-weight:700;margin:0}.Login h2{text-align:center}.Login p{font-size:14px;font-weight:100;line-height:20px;letter-spacing:.5px;margin:20px 0 30px}.Login span{font-size:12px}.Login a{color:#333;font-size:14px;text-decoration:none;margin:15px 0}.Login button{border-radius:20px;border:1px solid;background-color:#399cca;color:#fff;font-size:12px;font-weight:700;padding:12px 45px;letter-spacing:1px;text-transform:uppercase;transition:-webkit-transform 80ms ease-in;transition:transform 80ms ease-in;transition:transform 80ms ease-in,-webkit-transform 80ms ease-in}.Login button:active{-webkit-transform:scale(.95);transform:scale(.95)}.Login button:focus{outline:none}.Login button.ghost{background-color:initial;border-color:#fff}.Login form{background-color:#fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;padding:0 50px;height:100%;text-align:center}.Login input{background-color:#eee;border-radius:20px;border:none;padding:12px 15px;margin:5px 0;width:70%}.Login input:focus,.Login textarea:focus{outline:none}.Login .container{background-color:#fff;border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);position:relative;top:15vh;overflow:hidden;width:50vw;max-width:100%;min-height:60vh;margin:auto}.Login .form-container{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.Login .sign-in-container{left:0;width:50%;z-index:2}.Login .container.right-panel-active .sign-in-container{-webkit-transform:translateX(100%);transform:translateX(100%)}.Login .sign-up-container{left:0;width:50%;opacity:0;z-index:1}.Login .container.right-panel-active .sign-up-container{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:1;z-index:5;-webkit-animation:show .6s;animation:show .6s}@-webkit-keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.Login .overlay-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;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:100}.Login .container.right-panel-active .overlay-container{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.Login .overlay{background:#bee26b;background:linear-gradient(90deg,#aed581,#bee26b);background-repeat:no-repeat;background-size:cover;background-position:0 0;color:#fff;position:relative;left:-100%;height:100%;width:200%;-webkit-transform:translateX(0);transform:translateX(0);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}.Login .container.right-panel-active .overlay{-webkit-transform:translateX(50%);transform:translateX(50%)}.Login .overlay-panel{position:absolute;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;padding:0 40px;text-align:center;top:0;height:100%;width:50%;-webkit-transform:translateX(0);transform:translateX(0);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}.Login .overlay-left{-webkit-transform:translateX(-20%);transform:translateX(-20%)}.Login .container.right-panel-active .overlay-left,.Login .overlay-right{-webkit-transform:translateX(0);transform:translateX(0)}.Login .overlay-right{right:0}.Login .container.right-panel-active .overlay-right{-webkit-transform:translateX(20%);transform:translateX(20%)}.Login .social{height:35px;padding:10px;border:1px solid;border-radius:20px;background-color:#fff;cursor:pointer}.Login .social-container{margin:20px 0}
/*# sourceMappingURL=main.9350fe4a.chunk.css.map */