*{box-sizing:border-box;padding:0;margin:0}html,body,#root{overflow-x:clip;margin:0;width:100vw;min-height:100vh;font-family:Philosopher;background-color:#1e3945;color:#f55398;display:flex;flex-flow:row nowrap;justify-content:space-between}#root{background-image:url(/kqa-bg.png);background-size:cover;background-repeat:no-repeat;background-attachment:fixed}a{text-decoration:none;color:#f55398}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;color:#f55398}p,ul{margin-bottom:.5rem}.bulleted li{margin-left:1rem}strong{color:#4daea6}.box{background-color:#21283c;color:#c4eeea;border:2px solid #4DAEA6;border-radius:.5rem;padding:1rem;margin:1rem;white-space:pre-wrap}.btn{display:block;max-width:350px;padding:.5rem;text-decoration:none;font-weight:700;background-color:#1e3945;background-image:linear-gradient(#4daea600,#4daea64d,#4daea680,#4daea64d,#4daea600);background-size:100% 4rem;background-repeat:no-repeat;background-position:center -2.5rem;color:#c4eeea;border:2px solid #4DAEA6;border-radius:.5rem;transition-property:letter-spacing;transition-duration:1s;margin:.5rem;text-align:center}.full-width>.btn,.single-col>.btn,#age-check>.btn,#comment-form>.btn{width:350px}.btn-active{border-color:#f55398;background-image:linear-gradient(#f5539800,#f553984d,#f5539880,#f553984d,#f5539800)}@keyframes pulseButton{0%{background-position:center -2.5rem}50%{background-position:center .5rem}to{background-position:center -2.5rem}}.btn:hover,.btn:focus{animation:pulseButton;animation-iteration-count:infinite;animation-duration:4s;letter-spacing:.2rem}#sidebar{position:fixed;right:0;height:100vh;width:15%;min-width:220px;margin:0;margin-left:3rem;border-radius:0;border-width:0 0 0 2px;text-align:center}#sidebar .btn{transform:translate(-20%);width:120%}#logo{max-width:90%}.menu-list{list-style-type:none;padding:0}#copyright{position:absolute;bottom:0;margin:1rem}.row{display:flex;flex-direction:row;justify-content:space-between;width:80%;max-width:calc(100% - 250px)}.col{display:flex;flex-direction:column;align-items:center}.left-col{width:25%;margin:1rem;position:relative;display:flex;flex-shrink:0}.left-col .chara-icon{top:2rem;width:80%}.left-nav{width:15%;margin:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0}#chara-menu{width:100%;padding-top:2rem;text-align:center}.chara-icon{border:2px solid #4DAEA6;border-radius:50%;position:relative;align-self:center;width:120px}.full-width{width:100%!important}.ship-icon{width:20%;display:flex;flex-shrink:0}.ship-icon .chara-icon{width:100%}.box>.row{width:100%;max-width:100%;justify-content:center;flex-wrap:wrap}.ship-thoughts{width:calc(30% - 2rem);margin:0.5rem}.center{text-align:center}.gallery{flex-wrap:wrap;width:100%;max-width:100%;justify-content:center}.thumb-box{width:8rem;height:8rem;margin:.5rem;position:relative}.thumbnail{width:100%;object-fit:cover;border:2px solid #4DAEA6;border-radius:.5rem}.modal{position:fixed;width:100vw;height:100vh;top:0;bottom:0;left:0;right:0;background-color:#21283ccc;z-index:5;display:flex;flex-direction:column;align-items:center}.modal .box{width:80%;margin:.5rem}.top{z-index:100;background-color:#1e3945}.full-image{max-height:80%;max-width:80%;margin:.5rem}.thumb-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #4DAEA6;border-radius:.5rem;padding:.25rem;opacity:0}.thumb-overlay:focus,.thumb-overlay:hover{opacity:1;background-color:#21283ccc;color:#c4eeea}.link-icon{height:1.5rem;width:1.5rem;margin:0 .5rem}.link-icon path{fill:#f55398}.single-col{width:100%;margin:1rem;padding:1rem 2rem 1rem 1rem;width:80%;max-width:calc(100% - 250px)}.chara-tile{width:calc(120px + 2rem);text-align:center}.title-card{width:80%}.verse-icon{border:2px solid #4DAEA6;border-radius:50%;position:relative;align-self:center;width:40%;margin:1rem}.bottom-nav{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.verse-tile{width:240px;text-align:center}.trivia li{padding-left:1rem;margin-left:1rem}hr{color:#4daea6;margin:.5rem 0}.home-box{width:60%;height:60%;align-self:center}.dropdown-toggle{height:2.5rem;position:relative;width:8rem}.dropdown-list{position:absolute;top:1rem;border:2px solid #4DAEA6;border-radius:.5rem;z-index:3;width:8rem;left:calc(-1rem - 2px);max-height:50vh;overflow:auto;text-align:left;list-style-type:none;padding:0}.dropdown-toggle:hover>.dropdown-list{letter-spacing:normal;font-weight:400}.dropdown-item{padding:.25rem 1rem}.item-active{background-color:#4daea680;font-weight:700}.dropdown-item:hover,.dropdown-item:focus{letter-spacing:.2rem;background-color:#f5539866}.page-col{display:flex;flex-direction:column;margin:2rem;align-items:center;max-width:100%}.no-textwrap{white-space:normal}.page-info{width:60%}.center-flex{justify-content:center!important;align-items:center}input[type=text],input[type=email],input[type=number],textarea{width:30rem;padding:.25rem;margin:.5rem;background-color:#1e3945;color:#c4eeea;border:2px solid #4DAEA6;border-radius:.25rem}textarea{height:5rem}input:focus,textarea:focus{outline:2px solid #F55398;border-color:#f55398}label{display:inline-block;width:6rem;margin-top:.75rem}fieldset{border:none;display:flex;justify-content:center;align-items:flex-start}.gallery-nav{display:flex;justify-content:center!important;align-items:center;font-size:2rem}.search-box{margin-top:2rem;text-align:center;margin-bottom:8rem}.search{max-width:100%;margin:auto 0!important}.submit-search{margin:.5rem auto}#sidebar .search-box{position:relative;top:4rem}#sidebar .search-box .submit-search{margin:.5rem}@media screen and (max-width: 800px){body,#root{position:relative;flex-flow:column-reverse nowrap}#sidebar{position:relative;top:0;right:0;left:0;width:100%;height:auto;border-width:0 0 2px 0;margin:0 0 3rem}#sidebar .menu-links{list-style-type:none}#sidebar .btn{transform:none}#sidebar li,#chara-menu li{display:flex;justify-content:center}#logo,.chara-icon{max-width:20rem;min-width:100px}#copyright{position:static}.col{width:100%;max-width:100%}.home-box{height:auto}.row{width:100%;max-width:100%;flex-flow:row wrap;justify-content:center}.page-col{width:100%;max-width:100%;padding:2rem}#comment-form{width:100%;max-width:100%}input[type=text],input[type=email],input[type=number],textarea{width:70%}.full-width>.btn,.single-col>.btn,#age-check>.btn,#comment-form>.btn,#chara-menu .btn{width:90%;max-width:90%}.left-nav{position:relative;width:90%;max-width:90%}.col>.box{width:90%;max-width:90%}.ship-thoughts{width:60%}.ship-icon{min-width:100px}.submit-search{margin:.5rem auto!important}}