body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}*{margin-top:0}.App{background-color:#062f4f;min-height:780px}.only-for-mobile-devices{visibility:hidden}.homepage-header{display:flex;flex-direction:row;justify-content:space-between;position:fixed;top:0;width:100%;z-index:100}.homepage-left-header{display:flex;align-items:center;cursor:pointer;background:#000}.homepage-right-header{display:flex;flex-direction:row}.homepage-middle-header{display:flex;list-style:none;justify-content:space-around;color:#fff}.homepage-middle-header li{padding:10px;cursor:pointer}.homepage-middle-header li .active,.homepage-middle-header li:hover{border-bottom:2px solid purple}.brand-logo{width:80px;height:50px;border-radius:8px;object-fit:contain}.brand-name{color:#fff;margin-top:12px;margin-left:6px}.login-btn{background-color:#b8860b}.login-btn,.signup-btn{color:#fff;height:30px;width:80px;border-radius:4px;cursor:pointer}.signup-btn{background-color:green}.typewriter{width:280px;max-height:30px;top:0;bottom:0;left:0;right:0;position:absolute;margin:auto}.welcome-message{height:30px;text-shadow:2px 2px 5px red;transition:height 2s,transform 2s}.welcome-message:hover{height:60px;transform:rotate(1turn)}.landing-page-header{background:#000;display:flex;flex-direction:row;justify-content:space-between;position:sticky;top:0}.feature-frame{background-color:#062f4f;display:grid;flex-direction:row;grid-template-columns:30% 60%;grid-column-gap:5%}.feature-frame p{color:#fff;font-family:"Courier New",Courier,monospace;font-size:xxx-large;font-weight:bolder;padding:2px;margin-top:30%}.feature-attraction{display:grid}.feature-attraction button{align-self:center;margin-left:30%;width:50%;height:40px;border-radius:4px;text-align:center;color:#fff;font-family:"Yu Gothic UI Semibold";cursor:pointer;background:red;border:1px solid #ff0}#home{min-height:500px;background:#b8860b}#about h1,#contact h1,#download-section h1,#home h1{text-align:center;font-family:"Bernard MT Condensed";padding:2px}.home-section{display:flex;flex-direction:row;justify-content:space-evenly;max-width:90vw}.home-section p{text-align:center;width:40%;padding:4px;font-weight:700;font-family:"JetBrains Mono";color:wheat;font-size:xx-large}.home-section img{height:max-content;border-radius:8px}#about{min-height:500px;background:#d3d3d3}.about-section{display:flex;flex-direction:column;justify-content:space-evenly}.about-subsection{display:flex;flex-direction:row;justify-content:center;width:50%;margin-left:25%;margin-top:4%}#download-section{min-height:500px;background:#ffb6c1}#download-section p{text-align:center;width:50%;padding:4px;font-family:"JetBrains Mono";color:#000;margin:0 auto}#download-section img{border-radius:30%;margin-left:37%;margin-top:10px;border:4px solid #639}#contact h1{color:#fff}#contact{min-height:500px;background:#000}.contact-wrapper{display:flex;flex-direction:row;justify-content:space-evenly}.visitor-contact-form{background:#fff;border:10px solid green;width:100%;height:370px;margin:2px;text-align:center}.visitor-input-contact-fields{margin-top:15px;display:flex;flex-direction:column;align-items:center}.visitor-input-contact-fields input{height:30px;width:40%;padding:2px;margin:2px;outline:none}.visitor-input-contact-fields button{float:left;background:green;height:30px;width:20%;outline:none;color:#faebd7;cursor:pointer;margin-top:6px;border-radius:4px}.faq-and-chat{background:#d2b608;width:100%;margin:2px;text-align:center}.faq-and-chat details{text-align:left;margin-left:4px;padding:2px}@media (max-width:480px){html{background-color:#000}.only-for-mobile-devices{visibility:visible;color:#fff;background-color:grey}}@media (max-width:600px){.homepage-right-header{display:flex;flex-direction:column}}@media (max-width:769px){.landing-page-header{flex-direction:column;display:flex;position:sticky;top:1px;align-items:center}.homepage-right-header{flex-direction:row;position:sticky;top:0}.feature-frame p{margin-top:-10px}.feature-attraction button{margin-left:auto}.home-section{justify-content:normal}#download-section img{margin-left:auto}#contact{margin-bottom:300px}}.login-container,.register-container{background-color:#062f4f;top:10%;left:0;right:0;position:absolute;margin:auto;width:80%;border-radius:6px;padding-bottom:12px}.login-container{display:flex;flex-direction:row;justify-content:space-between}.login-form-container{background-color:#d2b608;height:600px;border-radius:10px}.login-form-container h3{padding-left:15px;padding-top:10px}.login-container-disable{opacity:.3;pointer-events:none}.register-container h3{margin-left:46%;width:4%}.password-input{margin-top:20px}.inputText{margin-top:2%}.inputText,.inputTextPass{font-size:14px;width:90%;height:40px;margin-left:5%;font-weight:700;font-style:oblique;color:purple;border-radius:6px;border-style:none}.inputTextPass{margin-top:6%}input:focus~.floating-label,input:focus~.floating-label-password,input:not(:focus):valid~.floating-label,input:not(:focus):valid~.floating-label-password{top:30px;left:-120px}.guest-login-btn,.signin-btn{background-color:green;color:#fff;padding:2px;margin-top:6%;cursor:pointer;font-size:14px;width:90%;height:40px;margin-left:5%;font-weight:700;font-style:oblique;border-radius:6px;border-style:none}.guest-login-btn{margin-left:5%;color:#000;cursor:pointer;background:grey;border:1px solid purple;border-radius:4px;height:30px;text-align:center}.guest-login-btn:hover{color:#fff;background:purple}.login-footer{display:grid;grid-template-rows:auto auto;text-align:center;color:purple;text-decoration:underline;grid-row-gap:5px}.social-login-options>img{cursor:pointer}.social-login-options>img:hover{opacity:.5}.forgot-password-btn{margin-left:12px;color:#fff;text-decoration:underline;font-weight:lighter;cursor:pointer}.forgot-password-btn:hover{color:red}.link-to-register{text-decoration:none;color:grey;cursor:pointer;margin-left:25%;margin-top:220px}.register-btn{background-color:green;border-radius:2px;width:16%;height:30px;margin-left:39%;color:#fff;padding:2px;margin-top:2%;cursor:pointer}.register-page-input{margin-top:2%;font-size:14px;width:40%;height:25px;font-weight:700;font-style:oblique;color:purple}.cpassword-input-register,.email-input-register,.password-input-register,.username-input-register{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-left:30%}.terms-and-condition-span{color:#fff;font-size:10px;margin-left:34%}.terms-and-conditions{text-decoration:none}.terms-and-conditions:hover{color:red}.terms-and-conditions-page{padding:0 10px 10px;background-color:#fff;min-height:100vh;border:5px solid #8a2be2}.term-section{display:flex;flex-direction:column;margin-bottom:10px}.term-title{margin-bottom:0}.book-animation{width:30rem;height:25rem;background:#062f4f;border:.5rem solid #fff;box-shadow:0 1.5rem 2.5rem #00a6ff;position:relative;margin-top:5rem;color:grey;.page-animation{position:absolute;width:15rem;height:25rem;background-color:#d2b608;left:50%;top:-.5rem;border:.5rem solid #fff;border-left:0;transform-origin:0 50%;animation:flip 1.5s linear infinite alternate}}@keyframes flip{0%{transform:perspective(60rem) rotateY(0deg)}to{transform:perspective(20rem) rotateY(-180deg)}}@media (max-width:600px){.floating-label{margin-top:2%}.floating-label,.floating-label-password{color:#000;margin-left:30%;position:absolute}.floating-label-password{margin-top:11%;transition:none}input:focus~.floating-label,input:focus~.floating-label-password,input:not(:focus):valid~.floating-label,input:not(:focus):valid~.floating-label-password{top:-1000px;left:-1500px}.login-container,.register-container{width:90%}.cpassword-input-register,.email-input-register,.password-input-register,.username-input-register{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-left:10%;width:160%}.register-btn{background-color:green;border-radius:2px;width:22%;height:30px;margin-left:42%;color:#fff;padding:2px;margin-top:2%;cursor:pointer}.terms-and-condition-span{color:#fff;font-size:10px;margin-left:6%}.guest-login-btn{margin-top:20px;color:#000;cursor:pointer}.inputText{margin-top:2%;font-size:14px;width:90%;margin-left:5%;font-weight:700;font-style:oblique;color:purple}.link-to-register{color:#fff}.book-animation{display:none}}.loading-indicator>img{height:120px;width:120px;margin-left:40%;margin-top:-40%;background-color:#000}@media only screen and (max-width:600px){.loading-indicator>img{height:70px;width:70px;margin-left:38%;border:#ff0}}.warning-popup{display:flex;flex-direction:row;height:-moz-fit-content;height:fit-content;background-color:tomato;border-radius:2px;align-items:center;width:-moz-fit-content;width:fit-content;margin:0 auto;justify-content:center;padding:2px;top:0}.warning-popup :nth-child(2){padding-left:4px}.warning-popup :nth-child(3){cursor:pointer;padding-left:4px}@media only screen and (max-width:600px){.warning-popup{width:80%}}.welcome-page-container{display:flex;flex-direction:column;justify-content:flex-start}.welcome-header{display:flex;flex-direction:row;min-height:40px;justify-content:space-between;background-color:#d2b608;position:sticky;top:0}.search-bar-container{display:flex;flex-direction:row;text-align:center;margin:2px 0 2px 4px;width:90%}.search-bar-container:first-child{background-color:red}.search-bar-icon{margin-top:4px;margin-left:2px}.search-bar-input{width:60%;border-radius:2px;border:0;font-size:medium;outline:none}.cart-icon,.chat-icon,.menu-bar,.my-account-icon,.notification-icon{margin-left:4px;align-self:center;cursor:pointer;padding:4px}.right-section{display:flex;flex-direction:row;justify-content:space-evenly}.cart-header{display:flex;flex-direction:column;align-items:center}.cart-count-in-header{margin-bottom:-11px;margin-top:-5px}.welcome-page-contents{display:flex;flex-direction:row;min-height:100vh;background-color:#f5f5f5}.menu-component{min-height:100%;width:30%;background-color:#800680;border-radius:2px;display:flex;flex-direction:column;justify-content:space-between;position:fixed}.menu-holder{padding-right:2px}.menu-name{padding-left:4px;color:#f5f5f5;cursor:pointer;margin-bottom:2px}.menu-name:hover{color:#d2b608}.version-span{color:#fff;padding-left:40%;margin-bottom:20%}.product-component{display:flex;flex-direction:column;border:1px solid purple;box-shadow:2px 3px 20px purple;margin-bottom:8px;border-radius:4px}.products-container-true{display:flex;flex-direction:column;min-width:70%;margin-left:30%}.products-container-false{display:flex;flex-direction:column;min-width:100%}.product-container{display:flex;flex-direction:row}.product-image{width:10%;max-height:200px;background-color:#d2b608;border:1px solid purple;border-radius:2px}.product-details{max-width:60%;display:flex;flex-direction:column;min-height:100px;margin-left:2px;justify-content:flex-start}.product-author,.product-description,.product-edition,.product-name{color:grey;margin-top:0;margin-bottom:0;word-break:break-word;width:100%}.product-footer,.product-footer-guest{min-height:30px;display:flex;flex-direction:row;justify-content:space-between}.product-footer-guest{background-color:#e7e6e6}.product-left-footer,.product-right-footer{padding:2px;display:flex}.add-to-cart-icon,.exchange-icon,.sell-icon{padding-left:2px}.add-to-cart-icon:hover,.exchange-icon:hover,.sell-icon:hover{cursor:pointer}.please-login-guest-msg{background-color:green;color:#fff;padding:4px 0 4px 2px;text-align:center}.you-are-in-guest-mode-msg{background-color:red;color:#000;padding:4px 0 4px 2px;text-align:center}.success-banner{background-color:green;color:wheat;padding:4px 0 4px 2px;text-align:center}.load-more-posts{background-color:#a54ea5;text-align:center;color:#fff;padding-bottom:10px;cursor:pointer}@media only screen and (max-width:600px){.welcome-page-contents{display:flex;flex-direction:column}.search-bar-input{width:90%;border-radius:2px;border:0;font-size:medium;outline:none}.menu-component{width:100%;background-color:#800680;border-radius:2px;min-height:-moz-fit-content;min-height:fit-content;display:inline;position:relative}.products-container-true{width:100%;margin-left:0}.products-container-false,.products-container-true{display:flex;flex-direction:column;min-width:100%}.product-image{width:120px;height:120px;background-color:#d2b608;border:1px solid purple;border-radius:4px}}.my-profile-container{display:flex;flex-direction:row;justify-content:space-between;width:96%;margin-left:2%;height:90vh;margin-top:5vh;background-color:#000;padding:4px;border-radius:4px}.profile-menu{width:18%;margin-right:2%;background-color:purple;border-radius:4px;display:flex;flex-direction:column;align-items:center}.my-messages-icon-active,.my-profile-icon-active,.my-settings-icon-active{padding:4px;color:wheat;display:flex;flex-direction:column;align-items:center;width:18%}.profile-details{width:42%;margin-right:2%;border-radius:4px}.profile-image-div{height:80px;width:80px;background-color:#f5f5f5;margin:0 auto;border-radius:50%;border:1px solid #ff0}.avatar-abbvr{color:#000;margin-left:40%;padding-top:30%}.my-details{color:#fff;margin:4px auto 0;width:50%;text-align:center}.my-bio-p,.my-email-p{width:50%;margin:0 auto;color:wheat;font-style:italic;padding:2px;text-align:center}.my-bio-p{margin-top:8px}.my-bio-p span{color:red;font-family:"Lucida Handwriting, cursive";font-size:large}.my-settings-section{margin-top:25%}.change-pass-btn,.delete-account-btn,.edit-profile-btn{width:60%;margin-left:20%;padding:4px;background-color:#696969;color:#fff;border-radius:2px;outline:none;margin-top:4px;font-family:"Courier New",Courier,monospace}.edit-profile-btn{background-color:green}.delete-account-btn{background-color:red}.profile-add-ons{width:30%;background-color:#d2b608;border-radius:4px}.profile-add-on-btns{padding:4px;display:flex;flex-direction:row;justify-content:space-around}.profile-add-on-btns:hover{cursor:pointer}.contact-insta{display:flex;flex-direction:column;align-items:center}.insta-btn:hover{cursor:pointer;color:tomato}.logout-btn{display:flex;flex-direction:row;justify-content:space-between;background-color:red;width:max-content;margin:98% auto 0;height:30px;padding:2px 10px;border-radius:4px;outline:none;cursor:pointer}.edit-profile-container{margin-top:25%;text-align:center}.edit-profile-container label{color:#fff}.edit-profile-container input{height:25px;width:90%;outline:none;font-style:italic;font-size:medium}@media only screen and (max-width:600px){.my-profile-container{display:flex;flex-direction:column;justify-content:flex-start;width:96%;margin-left:1%;margin-top:5vh;background-color:#000;border-radius:4px;height:auto}.profile-menu{width:100%;background-color:purple;display:flex;flex-direction:row;justify-content:space-around;border-radius:2px;height:7vh;align-items:center}.my-messages-icon-active,.my-profile-icon-active,.my-settings-icon-active{color:#fff}.profile-details{width:100%;background-color:#03034d;min-height:50vh;margin-top:4px}.profile-image-div{height:80px;width:80px;background-color:#f5f5f5;margin:0 auto;border-radius:50%;border:1px solid #ff0}.avatar-abbvr{color:#000;margin-left:40%;padding-top:30%}.my-details{color:#fff;margin:4px auto 0;width:50%;text-align:center}.my-bio-p,.my-email-p{width:90%;margin:0 auto;color:wheat;font-style:italic;padding:2px}.my-bio-p{margin-top:8px}.my-settings-section{margin-top:10%}.change-pass-btn,.delete-account-btn{width:60%;margin-left:20%;padding:4px;background-color:#696969;color:#fff;border-radius:2px;outline:none;margin-top:4px;font-family:"Courier New",Courier,monospace}.delete-account-btn{background-color:red}.profile-add-ons{width:100%;min-height:30vh;background-color:#8b8b05;margin-top:4px}.contact-insta{display:flex;flex-direction:column;align-items:center}.insta-btn{color:#fff;cursor:pointer}.insta-btn:hover{color:tomato}.profile-add-on-btns{padding:4px;display:flex;flex-direction:row;justify-content:space-around}.logout-btn{display:flex;flex-direction:row;justify-content:space-between;background-color:red;width:max-content;margin:10% auto 0;height:30px;padding:2px 10px;border-radius:4px;outline:none}}.post-book-container{background-color:purple;min-height:100vh;padding:2px}.post-header{display:flex;flex-direction:row;justify-content:space-between;background-color:#d2b608}.post-title-container{background-color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:40px;margin-top:5vh}.post-author,.post-edition,.post-money,.post-title{outline:none;border:none;width:100%;height:36px;font-size:large;margin-left:4px}.post-description-container{margin-top:2px;background-color:#fff;display:flex;flex-direction:row;justify-content:flex-start;min-height:40vh}.post-descrtiption{outline:none;border:none;width:100%;height:38vh;font-size:large;margin-left:4px;word-break:break-all;word-wrap:break-word;overflow:hidden;resize:none}.post-author-container,.post-edition-container,.post-money-container{margin-top:2px;background-color:#fff;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.post-buttons{display:flex;flex-direction:row;justify-content:center;margin-top:2px}.cancel-post-btn,.submit-post-btn{background-color:red;color:#000;outline:none;padding:6px;border-radius:4px;width:100px;cursor:pointer;height:34px}.submit-post-btn{background-color:green;color:#fff}.my-post-footer{justify-content:flex-end;padding:0 5px 2px 0;color:grey}.modal-header,.my-post-footer{display:flex;flex-direction:row}.modal-header{justify-content:space-between}.modal-content,.modal-footer{display:flex;flex-direction:row}.modal-footer{justify-content:flex-end;padding:4px}.modal-container{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.4);animation-name:slideleft;animation-duration:1.5s}.modal{width:30vw;height:auto;background-color:#fff;padding:2rem;border-radius:20px;background-color:rgba(247,218,164,.986);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 1rem 0 rgba(0,0,0,.2)}@keyframes slideleft{0%{margin-left:100%;width:300%}to{margin-left:0;width:100%}}.modal-confirm-btn,.modal-negate-btn{width:-moz-fit-content;width:fit-content;height:26px;outline:none;cursor:pointer;border:0;border-radius:4px}.modal-confirm-btn{background-color:green;color:wheat}.modal-negate-btn{background-color:red;color:wheat;margin-right:2px}@media only screen and (max-width:600px){.modal{width:70vw;height:auto;background-color:#fff;padding:2rem;border-radius:20px;background-color:hsla(0,0%,100%,.35);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 1rem 0 rgba(0,0,0,.2)}}