.App{text-align:center}body{height:100vh;border:1px solid #000;background-image:url(https://media.giphy.com/media/Tj4jjaCxXRVSARsUzN/giphy.gif);background-repeat:no-repeat;background-position:50%;background-color:#000;font-family:sans-serif}h1,h2,h3,h4,h5,p{color:#fff}.none{display:none}.displayed{padding-left:20px}.show-small{display:none}nav{align-items:center;padding:0 16px;border-bottom:1px solid #efefef;margin-bottom:5px;font-size:20px}.nav-links,nav{display:flex;justify-content:space-between}.nav-links{margin-bottom:10px}.nav-links a{text-decoration:none;color:#ff7450;font-weight:700;margin-right:8px}.nav-links a:last-of-type{margin-right:0}.nav-links a.active,.nav-links a:hover{color:#d23107}.link{text-decoration:none;color:#fff}.home-link{border-right:1px solid #e64944;padding-right:10px}.sign-flex{display:flex;justify-content:space-between}.sign-left{width:40%;line-height:1.5;max-width:450px;border-radius:5px;height:300px;text-align:center}.sign-left,.Sign-up{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:120px 70px;margin-right:100px;margin-top:5%}.Sign-up{color:#fff;border-radius:5px;max-width:400px;border:1px solid #e64944;background:rgba(42,42,42,.5)}.login{justify-content:center;align-self:center;border:1px solid #e64944;background:rgba(42,42,42,.5);max-width:350px;margin:105px auto 0;height:600px}.login,form{display:flex;flex-direction:column;align-items:center}form{max-width:500px;margin-top:20px}form>input{background-color:none;border:0;font-size:1rem;outline:0;color:#fff;margin-top:10px;border-bottom:1px solid #fff;padding:10px;background:none}input::-webkit-input-placeholder{color:#fff}input:-ms-input-placeholder{color:#fff}input::-ms-input-placeholder{color:#fff}input::placeholder{color:#fff}button{box-sizing:border-box;font-size:14px;border:1px solid #e64944;border-radius:4px;padding:0 16px;margin-top:16px;height:36px;min-width:100px;text-align:center;outline:none;background-color:#000;color:#fff}button:hover{background-color:#d23107;color:#000}.main{text-align:center}.note-form{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:170px}.storage-btn{display:flex;justify-content:space-between;min-width:700px}textarea{min-width:700px;height:250px;padding:12px 20px;box-sizing:border-box;border:1px solid #e64944;border-radius:4px;background:rgba(42,42,42,.5);resize:none;outline:none;color:#fff}.gone{-webkit-animation:yolo 3.7s;animation:yolo 3.7s}@-webkit-keyframes yolo{0%{-webkit-transform:scale(1) rotate3d(-1,-1,-1,0deg);transform:scale(1) rotate3d(-1,-1,-1,0deg);opacity:1}50%{-webkit-transform:scale(2) rotate3d(1,1,1,10turn);transform:scale(2) rotate3d(1,1,1,10turn);opacity:1}to{-webkit-transform:scale(0);transform:scale(0);opacity:0}}@keyframes yolo{0%{-webkit-transform:scale(1) rotate3d(-1,-1,-1,0deg);transform:scale(1) rotate3d(-1,-1,-1,0deg);opacity:1}50%{-webkit-transform:scale(2) rotate3d(1,1,1,10turn);transform:scale(2) rotate3d(1,1,1,10turn);opacity:1}to{-webkit-transform:scale(0);transform:scale(0);opacity:0}}.select-box{display:flex;flex-direction:column;justify-content:center;align-items:center}select{background:rgba(42,42,42,.5);color:#fff;padding:12px;width:100px;border:1px solid #e64944;font-size:20px;-webkit-appearance:button;-moz-appearance:button;appearance:button;outline:none;margin-top:5px;content:"\f13a";font-family:FontAwesome;cursor:pointer}select:hover{-webkit-filter:brightness(150%);filter:brightness(150%)}.notes{color:#fff}.note,.notes{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.note{border:1px solid #e64944;border-radius:5px;font-size:20px;width:30%;text-align:center;min-height:200px;margin:20px;padding:30px;background:rgba(42,42,42,.5)}.note:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:.1s ease-in-out;transition:.1s ease-in-out}.note-container{height:100vh}.note-container,.single-note{display:flex;justify-content:center;align-items:center}.single-note{flex-direction:column;text-align:center;border-radius:10px;margin:0 auto;border:1px solid #e64944;min-height:200px;width:70%;padding:30px;background:rgba(42,42,42,.5)}h5{margin-top:50px}.single-btn{display:flex;justify-content:space-evenly;min-width:700px}@media (max-width:1150px){.sign-flex{flex-direction:column-reverse;align-items:center;justify-content:center;margin-left:8%}.sign-left{width:100%}.Sign-up{margin-bottom:20px;height:350px;margin-top:110px}@-webkit-keyframes yolo{0%{-webkit-transform:scale(1) rotate3d(-1,-1,-1,0deg);transform:scale(1) rotate3d(-1,-1,-1,0deg);opacity:1}50%{-webkit-transform:scale(1.5) rotate3d(1,1,1,10turn);transform:scale(1.5) rotate3d(1,1,1,10turn);opacity:1}to{-webkit-transform:scale(0);transform:scale(0);opacity:0}}@keyframes yolo{0%{-webkit-transform:scale(1) rotate3d(-1,-1,-1,0deg);transform:scale(1) rotate3d(-1,-1,-1,0deg);opacity:1}50%{-webkit-transform:scale(1.5) rotate3d(1,1,1,10turn);transform:scale(1.5) rotate3d(1,1,1,10turn);opacity:1}to{-webkit-transform:scale(0);transform:scale(0);opacity:0}}}@media (max-width:600px){.sign-flex{align-items:center;margin-left:25%}.button-wrapper,.sign-flex{flex-direction:column-reverse;justify-content:center}.button-wrapper{display:flex;align-items:space-evenly;width:100%}.sign-left{width:100%}.show-big{display:none}.show-small{display:flex}.Sign-up{margin-bottom:20px;height:350px;margin-top:110px}.Sign-up p{font-size:15px}.login,.note{width:90%}.single-btn{display:flex;flex-direction:column}.single-note{min-height:300px;font-size:14px}.single-note button{width:30%;display:flex;justify-content:center;align-self:center}textarea{min-width:200px;width:90%}.storage-btn{display:flex;flex-direction:column;min-width:150px}.form-header{font-size:20px}@-webkit-keyframes yolo{0%{-webkit-transform:scale(1) rotate3d(-1,-1,-1,0deg);transform:scale(1) rotate3d(-1,-1,-1,0deg);opacity:1}50%{-webkit-transform:scale(1.2) rotate3d(1,1,1,10turn);transform:scale(1.2) rotate3d(1,1,1,10turn);opacity:1}to{-webkit-transform:scale(0);transform:scale(0);opacity:0}}@keyframes yolo{0%{-webkit-transform:scale(1) rotate3d(-1,-1,-1,0deg);transform:scale(1) rotate3d(-1,-1,-1,0deg);opacity:1}50%{-webkit-transform:scale(1.2) rotate3d(1,1,1,10turn);transform:scale(1.2) rotate3d(1,1,1,10turn);opacity:1}to{-webkit-transform:scale(0);transform:scale(0);opacity:0}}}
/*# sourceMappingURL=main.f4009aa6.chunk.css.map */