:root{--color-light:#651a1a;--color-main:#290a0a;--color-dark:#140505;--white:#fff;--black: }.App{text-align:center;padding-bottom:5vh}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body,html{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/static/media/wooden-desk.f4f267ce.jpg);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.wrapper{height:100vh;width:100vw;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background:none}.spinner{width:300px;text-align:center}.spinner>div{width:36px;height:36px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s ease-in-out infinite both;animation:sk-bouncedelay 1.4s ease-in-out infinite both}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}nav{display:-webkit-flex;display:flex;padding:1em;-webkit-justify-content:space-around;justify-content:space-around;-webkit-flex-wrap:wrap;flex-wrap:wrap;background:none;font-weight:600}.authLink,.nav__projectName{color:var(--white);text-decoration:none}.authLink{transition:color .2s ease-in-out}.authLink+.authLink{padding:1em}.authLink,.nav__projectName{transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.authLink:hover,.nav__projectName:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.nav-logoutbtn{font-family:inherit;font-weight:inherit;padding:.5em 1em;margin-left:1em;background-color:var(--color-main);box-shadow:0 0 5px 0 var(--color-dark);border:none;border-radius:2px;cursor:pointer;color:var(--white);transition:all .2s ease-in-out;position:-webkit-sticky;position:sticky;top:0}.nav-logoutbtn:hover{-webkit-transform:scale(1.05);transform:scale(1.05);background-color:var(--color-dark)}h1{font-size:2em}.App{margin:0 auto;max-width:80vw;font-size:1.3em}@media (max-width:768px){.App{font-size:1em}}.App p{line-height:1.5em}.storyboard{display:grid;grid-template-columns:repeat(3,20vw);grid-template-rows:repeat(2,auto);grid-gap:2vh 1vw;-webkit-justify-content:center;justify-content:center;color:var(--color-main)}.panel{background-color:hsla(0,0%,100%,.5);border:2px solid var(--color-main);box-shadow:.5vw 1vh rgba(20,5,5,.7);border-radius:15px;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.panel:hover{-webkit-transform:scale(1.05);transform:scale(1.05);cursor:pointer}.panel img{width:10vw;max-height:auto}.panel p{font-size:.75em;line-height:.5em;color:var(--color-light)}.genre-panel{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:center;justify-content:center}.panel-link{text-decoration:none;color:var(--color-light)}.panel-link h2{color:var(--color-main)}.genre-link:hover{text-decoration:underline}@media (max-width:1600px){.panel p{font-size:.6em}}@media (max-width:1024px){.storyboard{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-align-items:center;align-items:center}.panel{height:29vh;width:60vw}.panel img{width:25vw}.book-img{margin-top:3vh}.panel p{font-size:1.3em}}@media (max-width:720px){.storyboard{-webkit-align-items:center;align-items:center}.panel{width:60vw}.panel img{width:30vw}.panel p{font-size:.75em}}form.auth__form{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;-webkit-align-content:center;align-content:center;max-width:300px;margin:0 auto}button.button__submit{max-width:100px;margin:1em auto}.login-container{margin:15vh auto;border:3px solid var(--color-main);border-radius:15px;max-width:30vw;color:var(--color-main);background-color:hsla(0,0%,100%,.5);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-flow:column;flex-flow:column;padding:5vh 0}@media (max-width:768px){.login-container{max-width:80vw}}.signup__form{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column}.signup__form input{margin-bottom:2vh}.signup__form button{font-size:1.2em;padding:.5vh .5vw;background-color:var(--color-main);border-color:var(--color-dark);color:var(--white)}h2{font-size:2em}h3{font-size:1.75em;text-decoration:underline}.profile,.user-content{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}.profile p{font-size:1.5em}.profile-pic{display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;-webkit-align-items:baseline;align-items:baseline}.edit-profile-pic img,.profile-pic img{max-width:20vw;max-height:auto;border:5px solid var(--color-dark);box-shadow:.5vw 1.5vh rgba(20,5,5,.7)}.profile-pic img{margin-right:1vw}.profile-pic a{color:var(--white);font-size:.75em}.user-content{margin-top:5vh;display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start}.story-preview,.video-display{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column}.story-preview{margin-right:1vw}.edit-profile-form{margin:5vh auto;border:3px solid var(--color-main);border-radius:15px;max-width:30vw;color:var(--color-main);background-color:hsla(0,0%,100%,.5);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-flow:column;flex-flow:column}.edit-profile-form button{margin:1vh 0 2vh}.form-input{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;margin:1vh 0}.form-input input{width:15vw;margin-top:1vh;line-height:1.5em}@media (max-width:768px){.profile,.user-content{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-flow:column;flex-flow:column}.profile-pic img{max-width:70vw;max-height:auto;box-shadow:1.5vw 1.5vh rgba(20,5,5,.7)}}@media (max-width:1024px){.profile-pic img{max-width:40vw;max-height:auto}}.user-info img{width:3vw;height:auto;border-radius:100%;margin:1vh 1vw 0}.video-info{color:var(--color-light);padding:0 1vw}.story-form{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;margin-right:6vw}.story-form button,.story-form input,.story-form select,.story-form textarea{margin:1vh 0}.story-form input,.story-form textarea{background-color:transparent;border:none}.story-form input:focus,.story-form textarea:focus{outline:none}.story-form input{font-size:1.5em}.story-form select{font-size:.9em}.story-form textarea{font-size:1.1em;width:100%;min-height:60vh;max-height:60vh;overflow:auto}.story-form button{font-size:1em;padding:.5vh .5vw;background-color:var(--color-main);border-color:var(--color-dark);color:var(--white);margin-left:15vw}.story-form button:hover{cursor:pointer}.write-story{width:100%;height:100vh;background-image:url(/static/media/write-story-book.0dde6152.png);background-attachment:local;background-position:50%;background-repeat:no-repeat;background-size:contain;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;padding-top:4vh}.story-directions{width:23vw;margin-left:10vw;font-size:1.3em;color:var(--color-light);padding-left:1vw}.video-form{background-color:hsla(0,0%,100%,.5);border:2px solid var(--color-main);box-shadow:.5vw 1vh rgba(20,5,5,.7);border-radius:15px;padding:1vh 1vw;width:65vw;height:auto;margin:2vh 3vw 2vh auto}.video-form-info{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly}.video-form input{width:42.5%;margin-bottom:1vh;font-size:1em;line-height:2em;border-radius:8px}.video-form select{padding:0 .5vw;margin:.5vh .5vw 0;font-size:1em;height:5vh;background-color:var(--color-main);color:var(--white)}.video-btn-div{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.comment-form{background-color:hsla(0,0%,100%,.5);border:2px solid var(--color-main);box-shadow:.5vw 1vh rgba(20,5,5,.7);border-radius:15px;padding:1vh 1vw;width:65vw;height:auto;margin:2vh 3vw 2vh auto}.comment-frm form{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;padding-bottom:-2vh}.comment-frm input{width:98%;margin:0 auto 1vh;font-size:1em;line-height:2em;border-radius:8px}.comment-frm button{width:4vw}.comment-btn-div{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;margin-bottom:0}.comments img{width:3vw;height:auto;border-radius:100%;margin:1vh 1vw 0}.comment-info,.user-info{display:-webkit-flex;display:flex;-webkit-align-items:baseline;align-items:baseline}.comment-info{-webkit-justify-content:space-between;justify-content:space-between}.comment-info,.date,.genre,.username{color:var(--color-light)}.text{color:var(--color-main);margin:-1vh 0}.comment-display,.story-display,.video-display{background-color:hsla(0,0%,100%,.5);border:2px solid var(--color-main);box-shadow:.5vw 1vh rgba(20,5,5,.7);border-radius:15px;padding:1vh 1vw}.story-details{display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-evenly;justify-content:space-evenly}.user-details img{width:4vw;height:auto;border-radius:50%;margin:1vh 1vw 0}.user-details{display:-webkit-flex;display:flex;-webkit-align-items:baseline;align-items:baseline}.story-date,.story-genre,.story-title,.story-user{color:var(--color-light)}.story-date,.story-genre,.story-user{font-size:1.25em}.story-title{margin-bottom:auto}.story-text{color:var(--color-main);margin-bottom:2vh;font-size:1.2em}.video-display{padding:1vh 1vw}.comment-display,.video-display{width:65vw;height:auto;margin:2vh 3vw 2vh auto}.video{height:100%}.story-info{padding:0 2vw;margin-top:-2vh}.button-div{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.btn{font-size:.75em;padding:.5vh .5vw;margin:0 .5vw 1vh;background-color:var(--color-main);border-color:var(--color-dark);color:var(--white)}.edit-btn{text-decoration:none}.btn:hover{cursor:pointer}@media (max-width:720px){.display-div{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-flow:column;flex-flow:column}.story-display{width:90vw}.story-details{-webkit-flex-flow:column;flex-flow:column}.story-details,.video-display{display:-webkit-flex;display:flex}.video-display{background:none;border:none;box-shadow:none;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}}.story-preview{background-color:hsla(0,0%,100%,.5);border:2px solid var(--color-main);box-shadow:.5vw 1vh rgba(20,5,5,.7);border-radius:15px;padding:1vh 1vw;margin-bottom:3vh;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.story-preview:hover{-webkit-transform:scale(1.05);transform:scale(1.05);cursor:pointer}.story-preview a{text-decoration:none}.story-preview img{width:3vw;height:auto;border-radius:100%;margin:1vh 1vw 0}.preview-date,.preview-info,.preview-title,.preview-user{color:var(--color-light)}.preview-title{margin-bottom:auto}.preview-user-details{display:-webkit-flex;display:flex;-webkit-align-items:baseline;align-items:baseline}.preview-date,.preview-user-details p{font-size:1.25em}.preview-details{display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-evenly;justify-content:space-evenly}.preview-text{color:var(--color-main);font-size:1.2em}.preview-info{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.preview-comments,.preview-likes,.preview-videos{margin-right:1.5vw;font-size:1.1em}
/*# sourceMappingURL=main.fcbdfc99.chunk.css.map */