body,html{height:100%;margin:0;padding:0;font-size:1rem;color:#252a34}a{font-weight:700;color:inherit}a,a:hover{text-decoration:none}a:hover{color:#7cc6fe;cursor:pointer}body,button{font-family:Josefin Sans,Open Sans}button{font-weight:700}@media screen and (min-width:400px){body{font-size:1.25rem}}@media screen and (min-width:1200px){body{font-size:1.5rem}.provider-icon{min-width:95px}}.App{display:flex;flex-direction:column}main{flex-grow:1}.footer{flex-shrink:0}.Error{color:#ca1551;font-family:Arial;font-weight:700;display:block;margin-top:1em}.navbar{display:flex;justify-content:flex-start;background-color:#363732;height:3.25rem;align-items:center;color:#f4faff}.nav-links{list-style-type:none;display:inline}.nav-btn{background:none;border:none;padding:0;color:#f4faff;text-decoration:none;cursor:pointer;font-size:1.15rem}.login-btn:active,.logout-btn:hover,.nav-btn:hover{border-bottom:inset;border-color:#7cc6fe;border-width:.2em;color:#7cc6fe}.nav-links>li{display:inline;margin-right:.8rem}.logo{margin-right:auto;margin-left:.4rem}.logo:hover{border-bottom:inset;border-color:#7cc6fe;border-width:.2em;color:#7cc6fe}.login-box{text-align:center;margin-top:.3em;position:absolute;right:5px;background-color:#7cc6fe;display:flex;flex-basis:10px;align-items:center;opacity:.95}@media screen and (min-width:420px){.logo{margin-left:2rem}.nav-links>li{margin-right:2rem}}.login-form{font-size:.8rem;display:flex;flex-direction:column;padding:.5em;align-items:flex-start}.login-form>label{margin-top:.5em;margin-bottom:.3em}.login-form>input{font-size:1rem}.login-submit{width:100px;margin-top:.5em;align-self:center}.login-submit:hover{background-color:#7cc6fe}.footer{background-color:#0d0106;height:2rem;display:flex;align-items:center;justify-content:space-between;color:#363732;padding-right:.5em;padding-left:.5em;font-size:.9rem}.footer-ul{list-style-type:none;margin:0;padding:0}.footer-icon{display:inline;-webkit-filter:brightness(1.5);filter:brightness(1.5);margin-right:1em}.footer-icon:hover{color:#7cc6fe}@media screen and (min-width:600px){.footer{justify-content:flex-end;font-size:1.125rem}.footer-p{margin-right:2em}}.content{background-color:#0d0106;color:#f4faff;justify-content:center}.content,.search-wrapper{display:flex;flex-direction:column;align-items:center}.search-wrapper{padding:2rem}.search-bar{margin-top:.5em auto;font-size:1rem;min-width:300px;align-self:center;padding:.3em}.search-bar-label{align-self:center;margin-bottom:.4em}.results-section{padding:1em;display:flex;flex-direction:column;align-items:center;max-width:1000px}#search-page-btn{font-size:1.125rem;margin-top:1em;align-self:center;cursor:pointer;border-radius:.25em;min-width:125px}#search-page-btn:hover{background-color:#7cc6fe}.search-form{display:flex;flex-direction:column;min-width:75%}@media screen and (min-width:600px){.results-section{display:grid;align-items:center}.search-bar{min-width:450px}}@media screen and (min-width:800px){.results-section{padding-left:4em}}@media screen and (min-width:1300px){.results-section{min-width:1100px}}.poster{max-width:100%;margin-left:auto;max-height:200px;align-self:stretch;-webkit-transition:opacity .25s linear,-webkit-transform .5s cubic-bezier(.5,0,.5,1);transition:opacity .25s linear,-webkit-transform .5s cubic-bezier(.5,0,.5,1);transition:transform .5s cubic-bezier(.5,0,.5,1),opacity .25s linear;transition:transform .5s cubic-bezier(.5,0,.5,1),opacity .25s linear,-webkit-transform .5s cubic-bezier(.5,0,.5,1)}.poster:hover{border:.2em inset #7cc6fe;color:#7cc6fe;-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.95}a.poster{margin-left:auto;margin-right:auto;max-height:50%}.result-item{width:100%;display:flex;flex-direction:column;align-items:center}.result-details{text-align:center;margin-left:1em}.icons{display:flex;flex-wrap:wrap;justify-content:center;margin-top:.6rem;margin-bottom:.6rem}.result-item+.result-item{margin-top:1.3em}.provider-icon{max-width:80px;max-height:40px;margin-right:.5rem;margin-left:.5rem;-webkit-filter:brightness(4);filter:brightness(4);-webkit-transition:opacity .25s linear,-webkit-transform .5s cubic-bezier(.5,0,.5,1);transition:opacity .25s linear,-webkit-transform .5s cubic-bezier(.5,0,.5,1);transition:transform .5s cubic-bezier(.5,0,.5,1),opacity .25s linear;transition:transform .5s cubic-bezier(.5,0,.5,1),opacity .25s linear,-webkit-transform .5s cubic-bezier(.5,0,.5,1)}.provider-icon:hover{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.95;-webkit-filter:brightness(2);filter:brightness(2)}.result-title{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:1em auto .5rem}.result-title:hover{border-bottom:inset;border-color:#7cc6fe;border-width:.2em;color:#7cc6fe}h6{margin:.5rem;font-size:.95rem}@media screen and (min-width:600px){.provider-icon{max-width:85px}.result-title{margin-top:.5em;margin-bottom:1em}.poster,.poster-div{height:100%}.poster{margin-left:.5em}.result-item{width:100%;display:grid;grid-gap:1rem;grid-template-columns:4fr 8fr}.icons{margin-top:1rem}}@media screen and (min-width:1200px){.provider-icon{margin-left:1em;margin-right:1em}}.loading{border:16px solid #f4faff;border-top-color:#7cc6fe;border-radius:50%;width:90px;height:90px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:auto}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (min-width:400px){.loading{width:120px;height:120px}}.content{min-height:calc(100vh - 5.25rem)}.welcome{text-align:center}.welcome-p{text-align:left}.landing-page{text-align:center;padding:3rem;max-width:800px}#landing-page-btn{font-size:1.125rem;cursor:pointer;border-radius:.25em}#landing-page-btn:hover{background-color:#7cc6fe}.setup-ul{list-style-type:none;text-align:left;padding:0 1.5em}.setup-li{color:#7cc6fe}@media screen and (min-width:400px){.setup-ul{padding:0 3em}}.detail-container{text-align:center;padding:2em 2em 6em}.details-poster{max-width:80%}@media screen and (min-width:1000px){.details-poster{max-width:800px}.detail-container{padding-bottom:4em}}
/*# sourceMappingURL=main.18ac7552.chunk.css.map */