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}.App{min-height:100vh;display:grid;grid-template-columns:100%;grid-template-rows:-webkit-min-content -webkit-min-content auto;grid-template-rows:min-content min-content auto;grid-template-areas:"header" "nav" "main";background-image:url(https://i.pinimg.com/originals/96/16/03/961603c48b37b1cd47d21e0b1601103e.jpg);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:50%}h1,h2{font-family:papyrus}h2{text-align:center;text-shadow:0 0 4px #fff,0 0 5px #fff}h3{font-family:papyrus}header{grid-area:header;border-radius:5px}.nav,header{text-align:center}.nav{grid-area:nav;border:2px solid #708090;border-radius:5px;padding:2px;background:#fff}.main{grid-area:main;background:grey}.above-main,.main{align-content:center;border-radius:5px;max-width:1060px;min-width:50vw;margin:0 auto;display:flex}.above-main{flex-direction:column}.mainView{align-items:center;align-content:center;border-radius:5px;max-width:700px;min-width:40vw;margin:0 auto}.sideMenu{max-width:300px;display:flex;flex-direction:column;justify-content:flex-start;border-radius:5px}.search-container{margin:0 auto}.top-part-in-side-menu{display:flex;flex-direction:column;justify-content:flex-start;border-radius:10px;margin:10px 15px 10px 0;background:#d3d3d3;padding:10px}@media (min-width:812px){#narrow-cat-options,#narrow-compose-link,#narrow-login-link,.categories-in-nav{display:none}.header{margin:15px}}@media (max-width:811px){.sideMenu{display:none}.header{margin:15px}}@media (min-width:601px){#narrow-cat-options,#narrow-compose-link,#narrow-login-link{display:none}.header{margin:15px}}@media (max-width:600px){#compose-link,#login-link,.categories-in-nav{display:none}.header{margin:10px}}@media (max-width:320px){#per-page-option{display:none}.header{margin:10px;font-size:1.5rem}}#header{color:#fff;font-family:papyrus}.header{margin-bottom:0}#header-text{font-family:papyrus;margin-left:10px;filter:drop-shadow(3px 5px 1px rgb(0 0 0/.6))}#header-text,.title-house{color:#fff;text-shadow:0 0 4px #000,0 0 5px #000}.title-house{padding-bottom:5px;align-self:center;filter:drop-shadow(4px 6px 1px rgb(0 0 0/1))}button:hover:enabled{transform:translateY(-2px)}button:active,button:hover:enabled{border:0 solid #999;box-shadow:0 2px grey}button:active{background-color:#fff;transform:translateY(2px)}button:disabled{border:0 solid #999;background-color:#483d8b;color:#fff}.welcome{text-align:center;text-shadow:0 0 3px #fff,0 0 5px #fff}button{border:0 outset #999}.page-button{border:1px solid #999;margin:0 5px}.page-button:disabled{border:1px solid #999;background-color:#ccc;color:#888}.category-links{margin:5px;font-size:small;font-weight:700;color:#464646;transition:transform .2s}.category-links:hover{transform:scale(1.2);font-weight:400;font-size:1.1em}.category-links-selected,.category-links:hover{border-radius:5px;color:#fff;background-color:#464646;padding-left:2px;padding-right:2px}.category-links-selected{margin:5px;font-size:small;font-weight:700}.category-links-selected:hover{transform:scale(1.2);border-radius:5px;color:#fff;background-color:#464646;padding-left:2px;padding-right:2px;font-weight:400;font-size:1.1em}.nav-options{margin:3px 5px}#flex-in-nav{display:flex;flex-flow:row wrap;justify-content:space-evenly;text-shadow:0 0 3px #fff,0 0 5px #fff}#compose-link{font-weight:700;color:#000;font-style:italic;font-family:papyrus;transition:transform .2s}#compose-link:hover{transform:scale(1.2)}#login-link{font-weight:700;color:#000;font-family:papyrus;transition:transform .2s}#login-link:hover{transform:scale(1.2)}#narrow-compose-link{text-align:left;font-weight:700;color:#000;font-family:papyrus;font-style:italic;margin-left:5px;transition:transform .2s}#narrow-compose-link:hover{transform:scale(1.2)}#narrow-login-link{text-align:right;float:right;font-weight:700;font-family:papyrus;color:#000;margin-right:5px;transition:transform .2s}#narrow-login-link:hover{transform:scale(1.2)}.user-icon{max-width:25px;max-height:20px;border-radius:30%}.logged-user{display:flex;justify-content:center;background:#d3d3d3;border-radius:5px}input{margin:5px}.error-page{text-align:center;text-shadow:0 0 3px #fff,0 0 5px #fff}.page-number{font-family:papyrus;color:#fff;font-style:italic;font-size:small}@keyframes down20{0%{transform:translateY(20%)}50%{transform:translateY(20%)}to{transform:translateY(20%)}}@keyframes down10{0%{transform:translateY(10%)}50%{transform:translateY(10%)}to{transform:translateY(10%)}}.navIcon{animation:down20 2s ease infinite}.commentIcon,.eyeIcon,.starIcon{animation:down10 2s ease infinite}#sign-up-link{transition:transform .2s;text-decoration:none;color:#fff;background:grey;border-radius:5px;padding-left:5px;padding-right:5px;border-bottom:1px solid #000}#sign-up-link:hover{transform:scale(1.1);filter:drop-shadow(1px 2px 1px rgb(0 0 0/1))}.chat-opener{height:30px;width:220px}.chat-opener,.chat-opener-narrow{margin:5px;font-size:small;font-weight:700;color:#464646;transition:transform .2s;border-radius:10px;position:fixed;bottom:5px;border:1px solid;z-index:5000}.chat-opener-narrow{width:110px;height:25px;right:10px}.chat-opener:hover{transform:scale(1.2);padding-left:2px;padding-right:2px;font-weight:400;font-size:1.1em}.chat-opener-narrow:hover,.chat-opener:hover{background:#fff;filter:drop-shadow(1px 2px 1px rgb(0 0 0/1))}.searchButton{position:relative;flex-grow:1}.searchButton .searchTooltip{visibility:hidden;width:180px;background-color:#464646;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:100%;left:50%;margin-left:-166px}.searchButton:hover .searchTooltip{visibility:visible}#progress[value]{width:150px;height:20px;-webkit-appearance:none;appearance:none}#progress[value]::-webkit-progress-bar{background-color:hsla(0,0%,50.2%,.65);border-radius:5px}#progress[value]::-webkit-progress-value{border-radius:5px;background-color:#f5f5f5}@keyframes slide-in{0%{filter:blur(4);opacity:0;transform:scaleY(0);transform:translateY(200px)}to{filter:blur(0);opacity:1;transform:scaleY(1);transform:translate(0)}}.chat-container-in-side-menu{display:flex;flex-direction:column;margin-right:15px;height:40px}.chat{width:230px;height:400px;max-height:95vh;padding:1px;justify-content:space-between}.chat,.usernameContainer{display:flex;flex-direction:column}.usernameContainer{width:220px;align-self:flex-start;font-weight:700;background:hsla(0,0%,50.2%,.75);border-radius:10px;padding:3px;margin-bottom:5px;flex-grow:5;margin-top:2px;margin-left:2px}.roomTitle{font-size:12;color:#fff}.chatMessage{height:320px;max-height:90vh;overflow:hidden;width:225px;margin:0 auto;overflow-y:auto;border:1px solid #464646;border-radius:5px;background:hsla(0,0%,96.1%,.65)}.chatMessage,.message{display:flex;flex-direction:column}.message{max-width:150px;padding-left:5px;margin:5px auto 5px 0}.messageInnerLeft{display:flex;flex-direction:row;justify-content:flex-start}.messageRight{max-width:150px;display:flex;flex-direction:column;padding-right:5px;margin:5px 0 5px auto}.messageInnerRight{justify-content:flex-end}.messageInnerRight,.sender{display:flex;flex-direction:row}.sender{height:40px}.send{display:flex;flex-grow:5;border-color:#99a799;background-color:#fff;padding-left:5px;border-radius:7px}.sendButton{background-color:#464646;border-radius:5px;display:flex;flex-grow:1;flex-direction:column;justify-content:center}.sendButton:disabled{background-color:#d3d3d3}.timestamp{float:right;font-size:7px;padding-top:6px}.onlineStatus{height:320px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;width:225px;margin:0 auto;overflow-y:auto;border:1px solid #464646;border-radius:5px;background:hsla(0,0%,50.2%,.5)}.viewModeInChat{position:relative;margin:0 0 0 5px;background-color:#d3d3d3}.viewModeInChat .viewModeChatTooltip{visibility:hidden;width:165px;background-color:#464646;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:100%;left:50%;margin-left:-135px}.viewModeInChat:hover .viewModeChatTooltip{visibility:visible}.viewModeInChat .viewModeUsersTooltip{visibility:hidden;width:135px;background-color:#464646;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:100%;left:50%;margin-left:-105px}.viewModeInChat:hover .viewModeUsersTooltip{visibility:visible}.friendList{display:flex;flex-direction:column;margin:5px;background:#d3d3d3;border-radius:5px;padding-left:5px;padding-right:5px}.friendListTitle{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.online-radio{color:#32cd32;font-size:8px;align-self:"center";position:relative}.online-radio:hover{font-size:12px;color:#0f0}.offline-radio{color:grey;font-size:8px;align-self:"center";position:relative}.offline-radio:hover{font-size:12px;color:red}.online-radio .online-tooltip{visibility:hidden;width:45px;background-color:#464646;color:#fff;text-align:center;border-radius:6px;padding:2px 0;position:absolute;z-index:1;bottom:100%;left:50%;margin-left:-35px}.online-radio:hover .online-tooltip{visibility:visible}.offline-radio .offline-tooltip{visibility:hidden;width:45px;background-color:#464646;color:#fff;text-align:center;border-radius:6px;padding:2px 0;position:absolute;z-index:1;bottom:100%;left:50%;margin-left:-35px}.offline-radio:hover .offline-tooltip{visibility:visible}.name-link-in-chat{transition:transform .5s;text-decoration:none;color:#464646}.name-link-in-chat:hover{text-decoration:underline;color:violet;transform:translateY(-5px)}.category-title{text-shadow:0 0 4px #000;filter:drop-shadow(3px 5px 1px rgb(0 0 0/.6));display:flex;flex-direction:row;justify-content:space-between}.category-description,.category-title{font-style:italic;margin:5px;color:#fff;font-family:papyrus;font-weight:700;padding-left:10px}.category-description{filter:drop-shadow(2px 4px 1px rgb(0 0 0/.5));font-size:.9em}.side-container{animation:flyin-from-side 1s ease forwards}@keyframes flyin-from-side{0%{opacity:0;transform:translate(200px);filter:blur(8px)}to{filter:blur(0);transform:translate(0);opacity:1}}.review-item-container{animation:flyin 1s ease forwards}.review-item{background:#d3d3d3;display:flex;flex-direction:column;border-radius:10px;margin:10px 15px 15px;overflow:auto;max-height:36vh;padding:5px;position:relative;transition:transform .5s}.review-item:hover{transform:scale(1.03)}@keyframes flyin{0%{opacity:0;transform:scale(1.25);filter:blur(4px)}to{filter:blur(0);transform:scale(1);opacity:1}}@media (max-height:510px){.review-item{max-height:60vh}}.review-card{max-height:35vh;margin:5px;overflow:hidden;position:relative;background-image:linear-gradient(180deg,#000,#000,#000,#d3d3d3);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 transparent}.read-more{margin-left:10px;margin-bottom:5px;font-size:small;color:#000}.review-title{margin-top:0;margin-bottom:0;align-self:flex-start;max-width:76vw}.slug-name-in-reviews{float:left;font-size:smaller}.designer-name-in-reviews{float:right;font-size:smaller}.author-in-reviews{float:left;font-size:small}.date-posted-in-reviews{float:right;font-size:.65em}.review-img{max-width:45vw;max-height:20vh;overflow:hidden}.image-container-in-reviews{float:right;max-width:45vw;max-height:17vh;margin:10px 0 10px 10px;border-radius:5px;overflow:hidden}.body-text-in-reviews{font-size:small}.view-comments-button{float:left;position:relative}.view-comments-button .commentsTooltipText{visibility:hidden;width:120px;background-color:#464646;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;width:110px;bottom:100%;left:50%;margin-left:-20px}.view-comments-button:hover .commentsTooltipText{visibility:visible}.kudos-button .kudosDisabledTooltipText,.kudos-button .kudosTooltipText{width:120px}.page-number-in-reviews{float:right;margin-right:15px;font-size:smaller;display:flex;justify-content:space-between}.review-title-link{color:#fff;text-shadow:0 0 3px #000,0 0 3px #000;text-decoration:none}.review-title-link:hover{color:#fff;text-decoration:none;font-size:1.1em;filter:drop-shadow(3px 5px 1px rgb(0 0 0/.8))}.read-more:hover{font-size:.9em}.author-link:hover,.read-more:hover{color:#fff;text-shadow:0 0 4px #000,0 0 5px #000}.author-link:hover{font-size:1.1em}.review-title-row{display:flex;flex-flow:row wrap;justify-content:space-between}.watch-toggle{align-self:flex-end}.watch-button,.watched-button{position:relative}.watched-button{color:#fff;background:#483d8b}.watched-button .openedEyeTooltip{width:120px;width:175px;margin-left:-190px}.watch-button .closedEyeTooltip,.watched-button .openedEyeTooltip{visibility:hidden;background-color:#464646;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:-10%;left:50%}.watch-button .closedEyeTooltip{width:120px;width:160px;margin-left:-175px}.watch-button:hover .closedEyeTooltip,.watched-button:hover .openedEyeTooltip{visibility:visible}.highlight{background-color:#464646;color:#fff;text-decoration:underline;font-size:large}.watchSwitch{position:relative;margin:0 0 0 5px;max-height:20px}.watchSwitch .watchedTooltip{visibility:hidden;width:115px;background-color:#464646;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:-150%;margin-left:-45px}.watchSwitch:hover .watchedTooltip{visibility:visible}.watchSwitch .fullListTooltip{visibility:hidden;width:150px;background-color:#464646;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:-150%;margin-left:-45px}.watchSwitch:hover .fullListTooltip{visibility:visible}.watchSwitch:disabled{border:0 solid #999;background-color:#d3d3d3;color:#fff;visibility:hidden}@keyframes phaseIn{0%{filter:blur(4);opacity:0;transform:scaleY(0);filter:blur(10)}to{opacity:1;transform:scaleY(1);filter:blur(0)}}.single-review-item{display:flex;flex-direction:column;border-radius:10px;margin:10px 15px 5px;overflow:auto;padding:5px;position:relative;max-width:900px;background:#d3d3d3;animation:phaseIn .8s ease-in-out}.single-review-content{margin:5px;overflow:auto;position:relative}.review-title-in-review{margin-top:0;margin-bottom:0;color:#323232;font-size:1.4rem;align-self:flex-start;max-width:76vw}.slug-name{float:left;font-size:.9em}.designer-name{float:right;font-size:.9em}.single-review-img{float:right;max-width:60vw;max-height:40vh;margin:10px 2px 10px 10px;border-radius:5px}.author{float:left;font-size:.9em}.data-stamp{font-size:.8em}.edit-review-button{margin-left:10px;position:relative}.edit-review-button .editTooltipText{visibility:hidden;background-color:#464646;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;width:110px;bottom:100%;left:50%;margin-left:-20px}.edit-review-button:hover .editTooltipText{visibility:visible}.delete-review-button{margin-left:10px;position:relative}.delete-review-button .deleteTooltipText{visibility:hidden;background-color:#464646;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;width:120px;bottom:100%;left:50%;margin-left:-20px}.delete-review-button:hover .deleteTooltipText{visibility:visible}.comments-button{float:left;position:relative}.comments-button .commentsTooltipText{visibility:hidden;background-color:#464646;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;width:130px;bottom:100%;left:50%;margin-left:-20px}.comments-button:hover .commentsTooltipText{visibility:visible}.kudos-button{float:right;position:relative}.kudos-button .kudosTooltipText{visibility:hidden;background-color:#464646;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;width:150px;bottom:100%;left:50%;margin-left:-125px}.kudos-button:hover:enabled .kudosTooltipText{visibility:visible}.kudos-button .kudosDisabledTooltipText{visibility:hidden;background-color:#464646;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;width:200px;bottom:100%;left:50%;margin-left:-175px}.kudos-button:hover:disabled .kudosDisabledTooltipText{visibility:visible}.likes-button{float:right;position:relative}.likes-button .likesTooltipText{visibility:hidden;background-color:#464646;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;width:180px;bottom:100%;left:50%;margin-left:-155px}.likes-button:hover:enabled .likesTooltipText{visibility:visible}.likes-button .likesDisabledTooltipText{visibility:hidden;background-color:#464646;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;width:220px;bottom:100%;left:50%;margin-left:-195px}.likes-button:hover:disabled .likesDisabledTooltipText{visibility:visible}.add-comment-button{margin:5px 10px;font-size:small;float:left;position:relative}.add-comment-button .commentsTooltipText{visibility:hidden;background-color:#464646;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;width:130px;bottom:100%;left:50%;margin-left:-45px}.add-comment-button:hover .commentsTooltipText{visibility:visible}.comments-limit-option{margin:5px 10px;font-size:small}.comments-sub-bar{display:flex;justify-content:space-between;margin:10px 5px 0}.edit-comment-button{margin-right:5px;float:left;position:relative}.edit-comment-button .editCommentTooltipText{visibility:hidden;background-color:#464646;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;width:120px;bottom:100%;left:50%;margin-left:-20px}.edit-comment-button:hover .editCommentTooltipText{visibility:visible}.delete-comment-button{margin-left:10px;position:relative}.delete-comment-button .deleteCommentTooltipText{visibility:hidden;background-color:#464646;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;width:140px;bottom:100%;left:50%;margin-left:-20px}.delete-comment-button:hover .deleteCommentTooltipText{visibility:visible}.comment-box{flex-direction:column;border-radius:10px;margin:10px;overflow:auto;padding:5px;position:relative;animation:flyin .5s ease forwards}.comment-box,.comment-typing-box{display:flex;max-width:900px;background:#d3d3d3}.comment-typing-box{border-radius:10px;margin:2px 10px 5px 13px;justify-content:center;border:1px solid #fff}.post-comment-buttons{display:flex;justify-content:space-between;margin-bottom:10px}.comment-input-box{width:60vw;height:15vh}@media (min-width:812px){.comment-input-box{width:45vw;max-width:620px}}.comment-typing-box-wrapper{margin:20px;max-width:900px;animation:phaseIn .5s ease}.date-posted{font-size:.7em}.login-container{background:grey;max-width:825px;width:100vw;margin:0 auto;border-radius:5px}.login-title{text-align:center;color:#fff;font-family:papyrus;font-weight:700}.users-container{display:flex;justify-content:center;flex-flow:row wrap}.user-card{background:#d3d3d3;border-radius:10px;margin:15px;width:200px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;animation:flyin 1s ease forwards}.user-login-button{align-self:flex-end}.user-container{display:flex;justify-content:center;background:grey;max-width:720px;width:100vw;margin:0 auto;align-items:stretch;border-radius:5px}.user-profile{background:#d3d3d3;border-radius:10px;margin:15px;flex-grow:1;padding:10px;display:grid;grid-template-rows:1fr 1fr 3fr;height:40vh;animation:phaseIn 1.2s ease}.user-pic{max-width:80px;max-height:80px;border-radius:20%}.single-user-login-button{justify-self:center}.sign-up-form-container{display:flex;flex-direction:column;justify-content:flex-start;background:grey;max-width:800px;width:100vw;margin:0 auto;align-items:stretch;border-radius:5px}.sign-up-form{text-align:center;background:#d3d3d3;border-radius:10px;margin:15px;padding:10px 10px 50px;animation:phaseIn .5s ease}.hidden{visibility:hidden}.visible{visibility:visible;margin:0 0 50px}.validation-warning,.visible{font-size:x-small;font-weight:600;color:purple}.validation-warning{margin:0 auto 10px}textarea{max-width:800px}button{border-radius:5px;border-style:outset;margin:5px}.main-container{grid-area:main;background:grey;max-width:825px;margin:0 auto;border-radius:5px}.main-compose{border-radius:10px;background-color:#d3d3d3;margin:15px;padding:5px;animation:phaseIn .8s ease-out}.compose-title{text-align:center}.yes-or-no{flex-flow:row wrap}.compose-container,.yes-or-no{display:flex;justify-content:center}.compose-container{flex-flow:column wrap;margin:20px 40px 50px}.compose-form{text-align:center;animation:phaseIn .5s ease-out}#review-writing-box{width:55vw;max-width:700px}.validation{font-size:x-small;font-weight:600;margin:0 auto 10px;text-align:center;color:purple}.yes-no-buttons{display:flex;flex-flow:row wrap;align-self:center}
/*# sourceMappingURL=main.4edcaa8d.chunk.css.map */