:root{--primary-orange: #dc8920;--primary-light: #f6ecd8;--primary-brown: #5c573e}*,*:before,*:after{margin:0;box-sizing:border-box}.hide{display:none}body{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;background-image:linear-gradient(#c272104d,#c272104d),url(/assets/90688DFE-46D2-410F-969A-FCB3AE3230DA-BMiIT03w.jpeg);background-position:center;background-size:125%;background-attachment:fixed;color:var(--primary-brown);font-family:Reddit Mono,monospace}.App{border-radius:10px;background-color:var(--primary-light);padding:.75rem;min-height:75dvh;min-width:65dvw;align-content:center}button{font:inherit;background-color:#dc8920;border:none;cursor:pointer;border-radius:6px;padding:1rem 2rem}button:hover{background-color:#dc8b20c7}.router-link{text-decoration:none;font:inherit;color:var(--primary-dark)}.router-link:hover{color:#5c573ec0;cursor:pointer}.filler-text{font-size:20px;color:var(--primary-orange)}.header-container{border-bottom:2px solid var(--primary-brown);display:grid;justify-items:end;padding-bottom:.5rem}.header-container>.router-link>#site-heading{font-family:Chicle,serif;font-weight:400;font-style:normal;font-size:5rem;color:var(--primary-orange)}.header-container>.router-link>h4,.header-container>button{background:none;text-align:right;font-size:20px;font-weight:600;color:var(--primary-orange);padding:0}.router-link>#add-it{color:var(--primary-orange);font-size:medium}.header-container>.router-link>h4:hover,.header-container>.router-link>#site-heading:hover,.router-link>#add-it:hover,.header-container>button:hover{color:#dc8b20c7}.cl-rootBox{padding:5px 10px 0 0}.footer{border-top:2px solid var(--primary-brown);padding-top:.5rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:16px;height:20%}.footer-item{width:30%;align-items:start;align-content:start}.footer-one,.genre-one{border-right:2px solid var(--primary-brown)}.footer-three,.genre-three{border-left:2px solid var(--primary-brown)}.router-link>.retro-pin{display:none}.footer-item>.big-button{height:98%;width:65%;border-radius:6px}.genre-container{padding-top:.5rem;padding-bottom:.5rem;display:flex;flex-direction:column}.genre-top{padding-bottom:.5rem;border-bottom:2px solid var(--primary-brown)}.genre-bottom{padding-top:.5rem}.genre-top,.genre-bottom{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:100%;width:100%}.genre-box{width:30%;height:50%;padding:.5rem}.router-link>img{height:6.5rem;width:8.5rem;border-radius:6px}.form-container{padding:.5rem;display:flex;flex-direction:column;text-align:left}.form-container>.form-itself{display:flex;flex-direction:column;padding:.5rem;border-top:1px solid var(--primary-brown)}Form>fieldset{margin:.5rem;width:100%;border:1px solid var(--primary-brown);border-left:none;border-right:none;border-top:none}input,option,select{font:inherit}.add-button,.update-button,.form-heading>h2{text-align:center;align-items:center;justify-content:center}.add-button>Button,.update-button>Button{width:30%}.radio-buttons{display:flex;flex-direction:row;justify-content:space-around}.update-form{border:none}.show-container{display:flex;flex-direction:column}.show-info{display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--primary-brown);padding:1.5rem .5rem}.show-options{display:flex;flex-direction:row;justify-content:center;padding:1rem .5rem}.show-options>button,.show-options button{width:12rem;height:3rem;margin:0 .5rem}.genre-div{display:flex;flex-direction:row;justify-content:space-around;align-items:center}.genre-title{margin:1rem;border-right:2px solid var(--primary-brown);padding-right:2.5rem}.genre-title>h2,.index-div>h2{font-size:3rem;color:var(--primary-orange);padding-bottom:1rem}.genre-pic{height:12rem;width:12rem;border-radius:6px}.genre-list{margin:.5rem 0;font-size:.75rem;overflow:scroll;max-height:40dvh;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--primary-orange) var(--primary-light);scroll-behavior:smooth}.index-div>h2{padding:.5rem;border-bottom:1px solid var(--primary-brown)}.index-div>.whole-list{margin:.5rem 0;font-size:.75rem;overflow:scroll;max-height:30dvh;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--primary-orange) var(--primary-light);scroll-behavior:smooth}@media screen and (max-width: 1450px){.App{max-width:80dvw}.form-container{padding:0;font-size:14px}.form-container>.form-itself{padding:0}Form>fieldset{margin:.5rem}}@media screen and (max-width: 951px){body{background-size:170%}.genre-container{flex-direction:row}.genre-top{border-bottom:none;border-right:2px solid var(--primary-brown)}.genre-one,.genre-three{border:none}.genre-box{height:100%;width:100%}.form-container{padding:.5rem}.form-container>.form-itself{padding:0}Form>fieldset{margin:.5rem}.genre-top,.genre-bottom{display:flex;flex-direction:column;justify-content:flex-start;padding-top:0}.footer-item>.big-button{height:50%;width:90%;font-size:12px}}@media screen and (max-width: 700px){body{background-size:250%}.header-container>.router-link>h4{text-align:center;font-size:1rem}.App{width:80dvw;padding:.25;overflow:scroll;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--primary-light) var(--primary-light);scroll-behavior:smooth;align-content:center}.header-container{justify-items:center;padding-top:5px}.header-container>.router-link>#site-heading{font-size:4rem}.form-container{padding:5px 0;font-size:14px}.form-container>.form-itself{padding:0}.genre-pic{display:none}.genre-title{border-right:none;border-bottom:2px solid var(--primary-brown);padding-right:0}.genre-div{flex-direction:column}.show-options{flex-direction:column;justify-content:center;padding:0;margin:1rem}.show-options>button,.show-options button{width:12rem;height:3rem;margin:5px auto}}@media screen and (max-width: 565px){.genre-bottom,.genre-top{margin:5px;padding:5px}.genre-box{margin:0;padding:3px 0;font-size:14px}.header-container>.router-link>#site-heading{font-size:3.5rem}.header-container>.router-link>h4{text-align:center;font-size:1rem}.footer-one,.genre-one,.footer-three,.genre-three{border:none}.footer-item{width:100%}.add-button>Button,.update-button>Button{width:100%}.footer-item>.big-button{height:40px;margin:10px;padding:0;text-align:center;align-items:center;justify-content:center}.footer{width:100%;flex-direction:column;justify-content:center}.radio-buttons{flex-direction:column}}@media screen and (max-width: 450px){.header-container>.router-link>#site-heading{font-size:3rem}.genre-container{flex-direction:column}.genre-top{margin-bottom:0;padding-bottom:0}.genre-bottom{margin-top:0;padding-top:0}.router-link>.other-pic{display:none}.router-link>.drama-pic{height:100px;width:200px}}