body{display:-ms-grid;display:grid;height:100vh;-ms-grid-rows:auto 1fr auto;grid-template-rows:auto 1fr auto;font-family:"Open Sans","Roboto",sans-serif;margin:0px}body button:focus{outline:none}body a{text-decoration:none}body .nav{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:10vh;max-height:20vh;height:auto;background-color:#636e72}body .nav .search-wrapper .search-bar{margin-left:1rem;height:2rem;width:20rem;border-radius:15px;padding-left:1rem}body .nav .search-wrapper .search-bar:focus{outline:none}body .nav .search-wrapper .search-bar:hover{border:solid #2d3436}body .nav .search-wrapper .search-btn{margin-left:1rem;height:2rem;width:5rem;cursor:pointer;border-radius:20px;border:none;letter-spacing:0.2px;background-color:#b2bec3;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}body .nav .search-wrapper .search-btn:hover{border:solid #2d3436;width:6rem;height:2.5rem;letter-spacing:2px}body .nav .title{font-size:1.5rem;cursor:pointer}body .nav .backlog-buddy,body .nav .my-backlog{color:#ffff}body .nav .backlog-buddy:hover{border-bottom:solid}body .nav .my-backlog{margin-left:1rem;cursor:pointer}body .nav .my-backlog:hover{border-bottom:solid}body .container{background-color:#b2bec3}body .container .homepage-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:url("/src/img/stock.jpg") #333;background-size:cover;opacity:0.9}body .container .homepage-container .homepage-info-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:4rem;height:760px}body .container .homepage-container .homepage-info-container .home-title{padding:0;margin:0;text-align:center;color:#ffff;letter-spacing:0.15rem;font-size:3rem}body .container .homepage-container .homepage-info-container .home-info{color:#ffff;font-size:1rem;letter-spacing:0.2rem;padding-bottom:1rem}body .container .homepage-footer-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body .container .homepage-footer-container .homepage-footer-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1rem;text-align:center}body .container .homepage-footer-container .homepage-footer-text .homepage-footer-big-text{font-size:2rem;margin-bottom:1rem;font-weight:600}body .container .homepage-footer-container .homepage-footer-text .homepage-footer-normal-text{font-size:1rem}body .container .homepage-footer-container .homepage-footer-image{background-image:url("/src/img/Hitchcock.jpg");border:solid;border-radius:50%;min-height:5rem;max-height:15rem;-o-object-fit:fill;object-fit:fill;margin-top:1.5rem;margin-bottom:1.5rem}body .container .button-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body .container .button-container .feedback-container{padding-top:1rem}body .container .button-container .feedback-container .added-backlog{color:#5cdb95}body .container .button-container .feedback-container .removed-backlog{color:#f44336;border:solid}body .container .button-container .back-btn-container{-ms-flex-line-pack:center;align-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:1rem;padding-top:1.5rem}body .container .button-container .back-btn-container .back-btn{width:40px;height:30px;cursor:pointer}body .container .button-container .back-btn-container .back-btn:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}body .container .button-container .add-btn-container{padding-top:1.5rem;padding-right:1rem}body .container .button-container .add-btn-container .add-btn{width:40px;height:30px;cursor:pointer}body .container .button-container .add-btn-container .add-btn:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}body .container .button-container .checkmark-remove-container{display:-webkit-box;display:-ms-flexbox;display:flex;padding-right:1rem;padding-top:1.5rem}body .container .button-container .checkmark-remove-container .checkmark-icon,body .container .button-container .checkmark-remove-container .remove-btn{width:40px;height:30px}body .container .button-container .checkmark-remove-container .checkmark-icon:hover,body .container .button-container .checkmark-remove-container .remove-btn:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}body .container .button-container .checkmark-remove-container .checkmark-icon{color:#5cdb95}body .container .button-container .checkmark-remove-container .remove-btn{cursor:pointer}body .container .search-results-container{margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}body .container .search-results-container .search-result-item{-webkit-box-flex:0;-ms-flex:0 40%;flex:0 40%;padding:0.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;border-left:solid 0.5px;border-right:solid 0.5px;border-bottom:solid 1px;margin-left:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:all;text-align:center;cursor:pointer}body .container .search-results-container .search-result-item .title-container{pointer-events:none}body .container .search-results-container .search-result-item .result-title,body .container .search-results-container .search-result-item .result-poster{pointer-events:none}body .container .search-results-container .search-result-item .result-title{font-weight:normal}body .container .search-results-container .search-result-item .result-poster{height:200px;width:150px}body .container .search-results-container .search-result-item:hover .result-title{font-weight:bold}body .container .pagination-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}body .container .pagination-container .prev{margin-right:1rem}body .container .pagination-container .prev,body .container .pagination-container .next{cursor:pointer;font-size:1.5rem}body .container .pagination-container .prev:hover,body .container .pagination-container .next:hover{-webkit-transform:scale(1.2);transform:scale(1.2);border-bottom:#333 solid 0.4px}body .container .result-by-id-container{padding-top:10px;padding-bottom:50px}body .container .result-by-id-container .id-result{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:0 50px}body .container .result-by-id-container .id-result .img-poster{margin-right:50px;height:400px;max-width:300px}body .container .result-by-id-container .id-result .id-details .id-year{margin-bottom:0}body .container .result-by-id-container .id-result .id-details .id-runtime-rating{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0}body .container .result-by-id-container .id-result .id-details .id-runtime-rating .id-runtime{margin-right:50px}body .container .result-by-id-container .id-result .id-details .id-runtime-rating .id-rating{margin-right:50px}body .container .result-by-id-container .id-result .id-details .critical-rating{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}body .container .result-by-id-container .id-result .id-details .critical-rating .id-imdb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body .container .result-by-id-container .id-result .id-details .critical-rating .id-imdb .imdb-logo{height:26px;margin-right:1rem}body .container .result-by-id-container .id-result .id-details .critical-rating .id-imdb .imdb-rating{margin-right:20px}body .container .result-by-id-container .id-result .id-details .critical-rating .id-rotten-tomatoes{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body .container .result-by-id-container .id-result .id-details .critical-rating .id-rotten-tomatoes .rotten-icon{height:26px;margin-right:1rem}body .container .result-by-id-container .id-result .id-details .partial-cast .by{font-weight:normal}body .container .result-by-id-container .id-result .id-details .partial-cast .by .partial-cast-space{font-weight:bold;margin-left:50px}body .container .backlog-container{margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}body .container .backlog-container .backlog-stats-container{text-align:center;margin:1rem 0}body .container .backlog-container .backlog-stats-container .my-backlog-title{text-align:center}body .container .backlog-container .backlog-stats-container .backlog-stats-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}body .container .backlog-container .backlog-stats-container .backlog-stats-flex .number-of-items{margin-right:1rem}body .container .backlog-container .backlog-stats-container .backlog-stats-flex .clear-backlog-btn{margin-left:1rem;border:none;border-radius:20px;background-color:#618daa;color:#ffffff;font-weight:500;font-size:.9rem;cursor:pointer;-webkit-transition:all 0.3s;transition:all 0.3s}body .container .backlog-container .backlog-stats-container .backlog-stats-flex .clear-backlog-btn:hover{border:solid #2d3436;letter-spacing:2px}body .container .backlog-container .backlog-stats-container .backlog-stats-flex .clear-backlog-btn:hover::before{opacity:1;-webkit-transform:scale(1, 1);transform:scale(1, 1)}body .container .backlog-container .backlog-stats-container .backlog-stats-flex .clear-backlog-btn:before{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:0;-webkit-transition:all 0.3s;transition:all 0.3s;border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid}body .container .backlog-container .backlog-stats-container .backlog-stats-flex .clear-backlog-btn::after{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;-webkit-transition:all 0.3s;transition:all 0.3s}body .container .backlog-container .backlog-item-container{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body .container .backlog-container .backlog-item-container .backlog-item{-webkit-box-flex:0;-ms-flex:0 40%;flex:0 40%;padding:0.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:all;text-align:center}body .container .backlog-container .backlog-item-container .backlog-item .title-container,body .container .backlog-container .backlog-item-container .backlog-item .backlog-poster{cursor:pointer}body .container .backlog-container .backlog-item-container .backlog-item .backlog-poster{height:200px;width:150px}body .container .backlog-container .backlog-item-container .backlog-item .backlog-poster:hover{opacity:0.8;border:solid 3px #2d3436}body .container .backlog-container .backlog-item-container .backlog-item .title-container:hover{text-decoration:underline}body .container .backlog-container .backlog-item-container .backlog-item .backlog-poster:active,body .container .backlog-container .backlog-item-container .backlog-item .title-container:active{pointer-events:none}body .container .feedback-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body .container .feedback-container .feedback-text{text-align:center;padding-top:1rem;color:#b71c1c;font-size:1.5rem}body .container .feedback-container .feedback-image{max-width:50%}body footer{text-align:center;background-color:grey}body footer .footer-text{color:#ffff;font-weight:lighter}body footer .footer-text a{font-weight:bold;text-decoration:underline;color:white;font-size:1.3rem}@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2){body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;margin:0px}body .nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:0.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:10vh;max-height:15vh;padding:1rem 0 0 0.4rem}body .nav .title .backlog-buddy{margin:0;font-size:1.5rem;font-weight:800;padding-bottom:0.25rem}body .nav .search-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}body .nav .search-wrapper .search-bar{width:10rem}body .nav .search-wrapper .search-btn{display:none}body .nav .my-backlog{margin:0;padding-top:0.5rem;margin-bottom:0.5rem}body .container .homepage-container{height:600px;background-image:url("/src/img/phone-stock.jpg")}body .container .homepage-container .homepage-info-container{text-align:center}body .container .homepage-footer-container .homepage-footer-image{margin-right:0.5rem;max-height:10rem}body .container .search-results-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}body .container .search-results-container .search-result-item{margin-left:0;border-left:none;border-right:none;border-bottom:#333 0.4px dotted}body .container .id-result{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}body .container .backlog-container .backlog-item-container{height:600px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}body footer a{font-weight:bold;text-decoration:underline;color:white;font-size:1.3rem}}
/*# sourceMappingURL=styles.css.map */