a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}strong{font-weight:700}.flash-message{display:flex;justify-content:center;left:0;position:fixed;top:75px;width:100%;z-index:1}.flash-message div{border-radius:.25rem;padding:.75rem 1rem;text-align:center}.success-flash-message{background-color:#008457}.error-flash-message{background-color:red}.navbar-item{align-items:end;display:flex;padding-block:.5rem}.navbar-item-icon{margin-right:.5rem}.header-navigation-bar{display:none}.header-navigation-bar .navbar-item.active,.header-navigation-bar .navbar-item:hover{color:var(--primary-color)}.header-navigation-bar .navbar-item.active #Books,.header-navigation-bar .navbar-item.active #Home,.header-navigation-bar .navbar-item.active #Movies,.header-navigation-bar .navbar-item:hover #Books,.header-navigation-bar .navbar-item:hover #Home,.header-navigation-bar .navbar-item:hover #Movies{fill:var(--primary-color)}.header-navigation-bar .navbar-item.active #Shows path,.header-navigation-bar .navbar-item:hover #Shows path{stroke:var(--primary-color)}.main-navigation-bar .navbar-items{display:flex;overflow-x:scroll;scrollbar-width:none}.main-navigation-bar .navbar-item{background-color:#708090;border-radius:2rem;margin-right:.75rem;padding:.5rem 1.5rem}.main-navigation-bar .navbar-item.active,.main-navigation-bar .navbar-item:hover{background-color:var(--primary-color)}@media(min-width:800px){.header-navigation-bar{display:inline;display:initial}.main-navigation-bar{display:none}}header{align-items:center;display:flex;justify-content:space-between}.username{display:none}.login-link .link{align-items:center;display:flex}.logout-button{background:transparent;border:none}.login-link .link:hover{color:var(--primary-color)}.login-link .link:hover #Login path{stroke:var(--primary-color)}.login-link .link:hover #Logout{fill:var(--primary-color)}@media(min-width:800px){header{align-items:start;background-color:#383838;flex-direction:column;justify-content:flex-start;padding:2rem 1rem}.username{display:inline;display:initial}.login-link{margin-top:auto}}footer{color:grey;display:flex;justify-content:center;padding-block:1rem .5rem}.link-paptido{color:#ffc700;text-decoration:none}@media(max-width:455px){.footer-separator{display:none}footer{align-items:center;flex-direction:column}}.loader{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1}.loader img{-webkit-animation:load 1s linear infinite;animation:load 1s linear infinite}@-webkit-keyframes load{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes load{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.searchBox-form-container{background:linear-gradient(180deg,#253c3c,#1d4949);border-radius:.5rem;box-shadow:0 0 16px 1px rgba(0,0,0,.5);margin-left:auto;max-width:450px;padding:1rem .75rem}.searchBox{background-color:#fff;border-radius:2rem;display:flex;padding-right:.5rem}.searchBox input{border:none;border-radius:2rem 0 0 2rem;outline:none;padding-inline:.5rem;width:100%}.searchBox button{background:none;border:none;height:30px;padding:0;width:30px}.searchBox img{border-radius:0 2rem 2rem 0}.searchBox-form-category-options{display:flex;flex-wrap:wrap}.category-options div{align-items:center;display:flex;margin-right:.5rem}.category-options input{margin:0 .25rem 0 0}.searchBox-error-message{align-items:center;background-color:red;border-radius:.5rem;display:flex;max-width:-webkit-max-content;max-width:max-content;padding:.25rem .5rem}.searchBox-error-message img{margin-right:.25rem}.popular-this-week-container>div{align-items:center;display:flex;position:relative}.next-button,.previous-button{background-color:rgba(0,0,0,.75);border:none;border-radius:.25rem;color:#fff;padding:1rem;position:absolute;z-index:1}.next-button{right:0}.popular-this-week{display:flex;overflow-x:scroll;scroll-behavior:smooth}figure{background-color:#424242;border-radius:0 0 .75rem .75rem;display:flex;flex-direction:column;margin:1rem;position:relative;width:200px}.add-to-collection-button,.remove-from-collection-button{background-color:rgba(0,0,0,.75);border:none;color:#fff;padding:1rem;position:absolute}.hover-message{background-color:rgba(0,0,0,.75);border-radius:.5rem;left:46px;padding:.5rem;position:absolute;top:60px}.movie-poster{align-items:center;border-bottom:1px solid gray;display:flex;height:300px;text-align:center;width:200px}.item-figcaption{flex:1 1;padding:0 .5rem .5rem}.book-figcaption{display:flex;flex-direction:column}.isFavAndIsWatched-container{display:flex;justify-content:space-between}.isFavAndIsWatched-container button{align-items:center;background:transparent;border:none;color:#fff;display:flex;padding:0}.isFavAndIsWatched-container input,.isFavAndIsWatched-container svg{margin-right:.25rem}.isFavAndIsWatched-container input,.isFavAndIsWatched-container label{cursor:pointer}.isFavAndIsWatched-container input{accent-color:var(--primary-color)}.item-title{-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;flex:1 1;overflow:hidden}.rating-container{justify-content:space-between}.rating,.rating-container{align-items:end;display:flex}.imdb-link{background-color:#f5c518;border-radius:.25rem;color:#000;font-size:.85rem;font-weight:900;letter-spacing:0;padding:0 .15rem;text-decoration:none}.moving-color-button{background:linear-gradient(to right,transparent 50%,var(--primary-color) 50%);background-position:100%;background-size:200%;border:1px solid var(--primary-color);border-radius:.5rem;display:inline-block;line-height:1;padding:.25rem .45rem;transition:.35s ease-out}.moving-color-button:hover{background-position:0}.SearchResults{display:flex;flex-wrap:wrap;justify-content:center}.close-search-results-container{text-align:right}.user-list{display:flex;flex-wrap:wrap;justify-content:center}.subCategories{display:flex;justify-content:space-around}.activeSubCategory{background-color:var(--primary-color);border-radius:2rem;padding:.5rem 1rem;position:relative;white-space:nowrap}.activeSubCategory div{background-color:var(--primary-color);height:15px;left:42%;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:15px}.subCategory-selection select{border:2px solid var(--primary-color);border-radius:.5rem;outline:none;padding:.5rem}.form-container{align-items:center;background:linear-gradient(#d0d6d9,#b1b4ba);bottom:0;color:#d9e2f1;display:flex;flex-direction:column;justify-content:center;left:0;min-height:100vh;position:absolute;right:0;top:0}.form{background:linear-gradient(180deg,#253c3c,#1d4949);border-radius:.5rem;box-shadow:0 0 16px 1px rgba(0,0,0,.5);max-width:650px;padding:2rem;position:relative;width:90%}.form-control-row{display:flex;flex-wrap:wrap;gap:1rem}.form-control label{color:#9bafaf;display:block;letter-spacing:1px;text-transform:uppercase}.form-control input{background-color:#869999;border:1px solid #758a8a;border-radius:.25rem;color:#142020;display:block;max-width:15rem;padding:.5rem;width:100%}.password-form-control{position:relative}.password-form-control button{background:transparent;border:none;bottom:0;position:absolute;right:0}.form-actions{display:flex;gap:.5rem;justify-content:flex-end}.form-actions button{background-color:#147b73;border:none;border-radius:.25rem;color:#d9e2f1;padding:.5rem 1rem}.form-actions button:focus,.form-actions button:hover{background-color:#319890}.form-link-container{align-items:center;color:#000;display:flex;flex-wrap:wrap;justify-content:center}.form-link{color:#000}.error-message{align-items:center;color:#ffca99;display:flex;position:fixed}.error-message img{margin-right:.25rem}.form-submission-error{background-color:#9c183d;border-radius:.5rem;left:0;padding:.5rem 1rem;position:absolute;top:-6rem}:root{--primary-color:#fc663d}*{box-sizing:border-box}html{font-family:Roboto,sans-serif;font-size:16px}body{color:#fff;letter-spacing:1px;line-height:1.3}h2{text-decoration:underline;text-decoration-color:#fc663d;text-decoration-color:var(--primary-color);text-underline-offset:.25rem}button{cursor:pointer}#root{background-color:rgba(0,0,0,.8);min-height:100vh;padding:1rem 1rem 0}.font-size-extra-small{font-size:.75rem}.font-size-small{font-size:.9rem}.font-size-medium{font-size:1.25rem}.font-size-large{font-size:1.5rem}.font-size-extra-large{font-size:1.75rem}.font-weight-bold{font-weight:700}.link{color:#fff;text-decoration:none}.color-primary{color:#fc663d;color:var(--primary-color)}.margin-top-extra-small{margin-top:.25rem}.margin-top-small{margin-top:.5rem}.margin-top-medium{margin-top:1rem}.margin-top-large{margin-top:1.5rem}.margin-top-extra-large{margin-top:2rem}.margin-top-extra-extra-large{margin-top:4.5rem}.disable-scroll{overflow:hidden}.disabled-button{background-color:rgba(0,0,0,.5);color:gray;cursor:inherit}.visually-hidden{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px}.hide-scrollbar::-webkit-scrollbar{background:transparent;width:0}@media(max-width:799px){#root{display:flex;flex-direction:column}main{flex:1 1}}@media(min-width:800px){body{background-color:#979db7;height:100vh}#root{display:grid;grid-template-columns:225px auto;grid-template-rows:auto 40px;height:100%;padding:0}header{border-radius:2rem 0 0 2rem;grid-row:span 2}main{overflow-y:scroll;padding-inline:1rem}main::-webkit-scrollbar{width:6px}main::-webkit-scrollbar-thumb{background-color:#fc663d;background-color:var(--primary-color);border-radius:1rem}}
/*# sourceMappingURL=main.5eea25fa.css.map*/