.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{font-size:calc(10px + 2vmin)}#container{border:1px solid black;width:100%;margin:auto}#romance{background-size:contain;background-image:url()}#romance:hover+#heading-romance{display:none}#home-box{height:80px;width:50%;margin:auto;border-radius:30px}#home-container-main{background-image:url(https://bestanimations.com/media/books/402238143pretty-book-bench-nature-water-outdoors-animated-gif.gif);background-size:contain}#children,#shortstory,#classics,#romance{opacity:.5}#children:hover,#shortstory:hover,#classics:hover,#romance:hover{opacity:1}#submit-romance{display:none}#detailsLoader{margin:auto auto auto 200px}#menue-ro{margin-right:900px}#floating-btn-roma{z-index:1}#loader{margin:auto}.box{cursor:move;color:#000;max-width:215px;border-radius:5px;padding:1em;margin:auto;user-select:none}#home-r-romance:hover{color:red;cursor:pointer}.progress-bar{position:fixed;top:0;left:0;right:0;height:10px;background:var(--red);transform-origin:0%}#explore-r-btn:hover,#wishlist-r-btn:hover{color:red}#comment-avatar{border:1px solid red;height:100%;width:80px}.button-28{width:300px;height:30px;appearance:none;background-color:transparent;border:2px solid #1A1A1A;border-radius:15px;box-sizing:border-box;color:#3b3b3b;cursor:pointer;display:inline-block;font-family:Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:16px;font-weight:600;line-height:normal;margin:0;min-height:60px;min-width:0;outline:none;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);user-select:none;-webkit-user-select:none;touch-action:manipulation;will-change:transform}.button-28:disabled{pointer-events:none}.button-28:hover{color:#fff;background-color:#1a1a1a;box-shadow:#00000040 0 8px 15px;transform:translateY(-2px)}.button-28:active{box-shadow:none;transform:translateY(0)}.button-58{align-items:center;background-color:#06f;border:2px solid #06f;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;fill:#000;font-family:Inter,sans-serif;font-size:16px;font-weight:600;height:48px;justify-content:center;letter-spacing:-.8px;line-height:24px;min-width:140px;outline:0;padding:0 17px;text-align:center;text-decoration:none;transition:all .3s;user-select:none;-webkit-user-select:none;width:100px;touch-action:manipulation}.button-58:focus{color:#171e29}.button-58:hover,.button-58:active{background-color:#3385ff;border-color:#3385ff;fill:#06f}@media (min-width: 768px){.button-58{min-width:170px}}#admin-btn{background-color:#06f}#author{color:#06f}#img-box{height:110px;width:135px}#main-compo{height:100px;width:55%;display:flex;margin:40px auto auto;box-shadow:#64646f33 0 7px 29px}#single-ws{margin:auto}#book-name{font-size:30px}#btn-compo{height:60px;width:55%;margin:40px auto auto;display:flex;align-content:flex-start}#btn-com{background-color:red;color:#fff}#submit-romance{display:none}#detailsLoader{margin:auto auto auto 200px}#menue-ro{margin-right:900px}#floating-btn-roma{z-index:1}#loader{margin:auto}.box{cursor:move;color:#000;max-width:215px;border-radius:5px;padding:1em;margin:auto;user-select:none}#home-s-romance:hover{color:orange;cursor:pointer}.progress-bar{position:fixed;top:0;left:0;right:0;height:10px;background:var(--orange);transform-origin:0%}#explore-s-btn:hover,#wishlist-s-btn:hover{color:orange}#comment-avatar{border:1px solid orange;height:100%;width:80px}#submit-romance{display:none}#detailsLoader{margin:auto auto auto 200px}#menue-ro{margin-right:900px}#floating-btn-roma{z-index:1}#loader{margin:auto}.box{cursor:move;color:#000;max-width:215px;border-radius:5px;padding:1em;margin:auto;user-select:none}#home-y-romance:hover{color:#ff0;cursor:pointer}.progress-bar{position:fixed;top:0;left:0;right:0;height:10px;background:"yellow";transform-origin:0%}#explore-y-btn:hover,#wishlist-y-btn:hover{color:#ff0}#comment-avatar{border:1px solid yellow;height:100%;width:80px}#submit-romance{display:none}#detailsLoader{margin:auto auto auto 200px}#menue-ro{margin-right:900px}#floating-btn-roma{z-index:1}#loader{margin:auto}.box{cursor:move;color:#000;max-width:215px;border-radius:5px;padding:1em;margin:auto;user-select:none}#home-romance:hover{color:brown;cursor:pointer}.progress-bar{position:fixed;top:0;left:0;right:0;height:10px;background:var(--brown);transform-origin:0%}#explore-btn:hover,#wishlist-b-btn:hover{color:brown}#comment-box{border:1px solid blue;height:70px;width:95%;margin:auto;display:flex;align-items:flex-start;align-content:flex-start}#comment-avatar{border:1px solid brown;height:100%;width:80px}#comment-text{margin-left:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600}#all-icons{display:flex}#romance-d-left-icons{display:flex;margin-left:78%}.footer{font-family:"var(--primaryFont)",sans-serif;height:60px;width:100%;display:flex;justify-content:center;align-items:center}.footer p{font-weight:500;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:18px}.footer p span{font-size:24px}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}.react-spinner-loader-swing div{border-radius:50%;float:left;height:1em;width:1em}.react-spinner-loader-swing div:nth-of-type(1){background:-webkit-linear-gradient(left,#385c78 0%,#325774 100%);background:linear-gradient(to right,#385c78 0%,#325774 100%)}.react-spinner-loader-swing div:nth-of-type(2){background:-webkit-linear-gradient(left,#325774 0%,#47536a 100%);background:linear-gradient(to right,#325774 0%,#47536a 100%)}.react-spinner-loader-swing div:nth-of-type(3){background:-webkit-linear-gradient(left,#4a5369 0%,#6b4d59 100%);background:linear-gradient(to right,#4a5369 0%,#6b4d59 100%)}.react-spinner-loader-swing div:nth-of-type(4){background:-webkit-linear-gradient(left,#744c55 0%,#954646 100%);background:linear-gradient(to right,#744c55 0%,#954646 100%)}.react-spinner-loader-swing div:nth-of-type(5){background:-webkit-linear-gradient(left,#9c4543 0%,#bb4034 100%);background:linear-gradient(to right,#9c4543 0%,#bb4034 100%)}.react-spinner-loader-swing div:nth-of-type(6){background:-webkit-linear-gradient(left,#c33f31 0%,#d83b27 100%);background:linear-gradient(to right,#c33f31 0%,#d83b27 100%)}.react-spinner-loader-swing div:nth-of-type(7){background:-webkit-linear-gradient(left,#da3b26 0%,#db412c 100%);background:linear-gradient(to right,#da3b26 0%,#db412c 100%)}.react-spinner-loader-shadow{clear:left;padding-top:1.5em}.react-spinner-loader-shadow div{-webkit-filter:blur(1px);filter:blur(1px);float:left;width:1em;height:.25em;border-radius:50%;background:#e3dbd2}.react-spinner-loader-shadow .react-spinner-loader-shadow-l{background:#d5d8d6}.react-spinner-loader-shadow .react-spinner-loader-shadow-r{background:#eed3ca}@-webkit-keyframes ball-l{0%,50%{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translate(0)}to{-webkit-transform:rotate(50deg) translateX(-2.5em);transform:rotate(50deg) translate(-2.5em)}}@keyframes ball-l{0%,50%{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translate(0)}to{-webkit-transform:rotate(50deg) translateX(-2.5em);transform:rotate(50deg) translate(-2.5em)}}@-webkit-keyframes ball-r{0%{-webkit-transform:rotate(-50deg) translateX(2.5em);transform:rotate(-50deg) translate(2.5em)}50%,to{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translate(0)}}@keyframes ball-r{0%{-webkit-transform:rotate(-50deg) translateX(2.5em);transform:rotate(-50deg) translate(2.5em)}50%,to{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translate(0)}}@-webkit-keyframes shadow-l-n{0%,50%{opacity:.5;-webkit-transform:translateX(0);transform:translate(0)}to{opacity:.125;-webkit-transform:translateX(-1.57em);transform:translate(-1.75em)}}@keyframes shadow-l-n{0%,50%{opacity:.5;-webkit-transform:translateX(0);transform:translate(0)}to{opacity:.125;-webkit-transform:translateX(-1.75);transform:translate(-1.75em)}}@-webkit-keyframes shadow-r-n{0%{opacity:.125;-webkit-transform:translateX(1.75em);transform:translate(1.75em)}50%,to{opacity:.5;-webkit-transform:translateX(0);transform:translate(0)}}@keyframes shadow-r-n{0%{opacity:.125;-webkit-transform:translateX(1.75em);transform:translate(1.75em)}50%,to{opacity:.5;-webkit-transform:translateX(0);transform:translate(0)}}.react-spinner-loader-swing-l{-webkit-animation:ball-l .425s ease-in-out infinite alternate;animation:ball-l .425s ease-in-out infinite alternate}.react-spinner-loader-swing-r{-webkit-animation:ball-r .425s ease-in-out infinite alternate;animation:ball-r .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-l{-webkit-animation:shadow-l-n .425s ease-in-out infinite alternate;animation:shadow-l-n .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-r{-webkit-animation:shadow-r-n .425s ease-in-out infinite alternate;animation:shadow-r-n .425s ease-in-out infinite alternate}.react-spinner-loader-svg-calLoader{width:230px;height:230px;transform-origin:115px 115px;animation:1.4s linear infinite loader-spin;-webkit-animation:1.4s linear infinite loader-spin}.react-spinner-loader-svg-cal-loader__path{animation:1.4s ease-in-out infinite loader-path;-webkit-animation:1.4s ease-in-out infinite loader-path}@keyframes loader-spin{to{transform:rotate(360deg)}}@keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}.react-spinner-loader-svg svg{-webkit-transform-origin:50% 65%;transform-origin:50% 65%}.react-spinner-loader-svg svg polygon{stroke-dasharray:17;-webkit-animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite;animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite}@-webkit-keyframes dash{to{stroke-dashoffset:136}}@keyframes dash{to{stroke-dashoffset:136}}@-webkit-keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}