body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.card{padding:1rem;box-shadow:0 2px 8px rgba(0,0,0,.26)}.auth{color:#3a3a3a;width:40rem;margin:2rem auto;max-width:80%;text-align:center}.auth button{text-align:center;height:2rem;width:87px;color:#fff;font:inherit;font-weight:700;background:#ba00c4;border:none;cursor:pointer;-webkit-transition:.1s;transition:.1s}.auth button:focus{outline:none}.auth button:hover{background:#f531ff}.lds-ring{display:inline-block;position:relative;width:54px;height:54px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:44px;height:44px;margin:6px;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:6px solid transparent;border-top-color:#ba00c4}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.story-form{width:60rem;margin:2rem auto;max-width:80%}.form-control label{margin-bottom:.75rem;font-weight:700;color:#3a3a3a}.form-control input,.form-control label,.form-control textarea{display:block;width:100%;box-sizing:border-box}.form-control textarea{font:inherit;height:2rem;border:none;box-shadow:inset 0 -1px 6px -.1px rgba(95,42,104,.33);margin-bottom:1rem;padding:5px 6px;-webkit-transition:height .3s ease-in-out .5s;transition:height .3s ease-in-out .5s}.story-form button{color:#fff;background:#ba00c4;height:2rem;font:inherit;font-weight:700;cursor:pointer;border:none;-webkit-transition:.1s;transition:.1s}.story-form button:focus{outline:none}.story-form button:hover{background:#f531ff}.form-control input{font:inherit;border:none;box-shadow:inset 0 -.7px 4px -.15px rgba(95,42,104,.33);margin-bottom:2.5rem;height:2rem;padding:0 6px;-webkit-transition:.1s;transition:.1s}.form-control input:focus,.form-control textarea:focus{border:rgba(186,0,196,.75);box-shadow:inset 0 -1px 6px -.1px rgba(186,0,196,.5);-webkit-transition:.1s;transition:.1s;outline:none}.form-control textarea:focus{height:20rem;-webkit-transition:.5s;transition:.5s}.story-form__actions{display:flex;justify-content:space-between;align-items:center}.story-list{width:60rem;max-width:80%;margin:auto}.story-list h2{border-bottom:3px solid #ba00c4;padding-bottom:1rem;color:#3a3a3a}.story-list ul{list-style:none;margin:0;padding:0}.story-list li{color:#3a3a3a;margin:1rem .1rem;padding:.5rem 1rem;box-shadow:0 1px 4px rgba(0,0,0,.26);display:flex;flex-direction:column;justify-content:space-between}.story-list li h4{text-align:center}.story-list h4{padding-bottom:12px;border-bottom:2px solid rgba(186,0,196,.31);width:100%}.story-list p{box-sizing:border-box;padding:4px;-webkit-transition:.5s;transition:.5s;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center}.story-list button{align-self:center;margin-bottom:.45rem;color:#fff;background:#ba00c4;height:2rem;width:70px;font:inherit;font-weight:700;cursor:pointer;border:none;-webkit-transition:.1s ease-in-out;transition:.1s ease-in-out}.story-list button:hover{background:#f531ff}.story-list button:focus{outline:none}.story-list form{box-sizing:border-box;text-align:center;display:flex;flex-direction:column}.story-list textarea{font:inherit;height:5rem;border:1px solid hsla(0,0%,63.9%,.39);margin-bottom:1rem;padding:5px 6px;-webkit-transition:height .2s ease-in-out .5s;transition:height .2s ease-in-out .5s;box-sizing:border-box}.story-list textarea:focus{border:rgba(186,0,196,.75);box-shadow:inset 0 -1px 6px -.1px rgba(186,0,196,.5);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;outline:none;height:20rem}.error-modal{position:fixed;top:30vh;left:calc(50% - 15rem);width:30rem;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.26);z-index:100;border-radius:7px}.error-modal h2{margin:0;padding:1rem;background:#ff2058;color:#fff;border-radius:7px 7px 0 0}.error-modal p{padding:1rem}.error-modal__actions{display:flex;justify-content:flex-end;padding:0 .5rem}.error-modal button{background:#ff2058;-webkit-transition:.1s ease-in-out;transition:.1s ease-in-out;color:#fff;font-family:inherit;font-weight:700;margin-bottom:1rem;border:none;height:32px;cursor:pointer}.error-modal button:hover{background:#ff3180}.error-modal button:active{outline:none}.backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.75);z-index:50}.search{width:60rem;margin:2rem auto;max-width:80%}.search-input{display:flex;height:2rem;justify-content:space-between;align-items:center;flex-direction:column}.search-input label{color:#3a3a3a}.search-input input{width:70%;height:90%;font:inherit;border:none;box-shadow:inset 0 -.7px 4px -.15px rgba(95,42,104,.33);padding:.15rem .25rem;-webkit-transition:.1s;transition:.1s}.search-input input:focus{outline:none;border:rgba(186,0,196,.75);-webkit-transition:.1s;transition:.1s;box-shadow:inset 0 -1px 8px -1px rgba(186,0,196,.5)}@media (min-width:768px){.search-input{flex-direction:row}}header img{height:4.99rem;width:14.5rem;box-sizing:content-box}header{box-shadow:0 .25px 4px rgba(0,0,0,.26);height:5rem;padding:.3rem .7rem .5rem}header span{height:inherit;box-sizing:content-box;-webkit-transition:.15s;transition:.15s;display:flex;flex-direction:row}header span>div{display:inline-block;width:14.5rem;height:4.8rem;box-sizing:border-box}header span>div:after,header span>div:before{display:block;content:"";transform:scaleX(0);-webkit-transform:scaleX(0);-webkit-transition:-webkit-transform .15s ease-in-out;transition:-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out;transition:transform .15s ease-in-out,-webkit-transform .15s ease-in-out;-webkit-transition:transform .15s ease-in-out;border-bottom:2.6px solid rgba(186,0,196,.62)}header img:hover{cursor:pointer}header span>div:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}
/*# sourceMappingURL=main.4a7beee7.chunk.css.map */