#header-container{height:10vh;width:100%;background-color:#262626;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0}#header-title{margin-left:2vw;color:#fff}#header-search-container{display:flex;align-items:center}#header-search-icon{margin-right:1vw;font-size:large;background-color:#262626;border:none;cursor:pointer}#header-search-bar{height:5vh;width:20vw;margin-right:1vw;color:#fff;background-color:#444;border:none;border-radius:5px}#header-profile-icon{margin-right:2vw;font-size:large;background-color:#262626;border:none;cursor:pointer}#dropdown-container{width:20vw;margin-left:80vw;position:fixed;top:10vh;background-color:#262626;border-top:2px solid #c1c1c1;border-bottom:2px solid #c1c1c1;border-left:2px solid #c1c1c1;text-align:center}.profile-dropdown-line{height:0px;color:#262626;background-color:#262626}#profile-dropdown-hello{color:#fff;font-size:medium}#profile-dropdown-signout{margin:5%;color:#fff;font-size:medium;font-weight:400;background-color:transparent;border:none;cursor:pointer}#show-details-container{margin-top:10vh;margin-left:5vw;margin-right:5vw;margin-bottom:5vh;color:#262626;display:flex;justify-content:center}#details-container{height:80%;width:50%;background-color:transparent;border-radius:8px}#details-head-container{margin:2.5%;display:flex;justify-content:space-between}#details-info-container{display:flex}#details-img{width:15vw}#details-info{margin-left:2.5%;width:30vw}#details-title{font-size:xx-large}#details-close-btn{height:5%;width:5%;margin:2.5%;font-size:xx-large;color:#8b8b8b;background-color:transparent;border:none;cursor:pointer;transition:1s}#details-close-btn:hover{color:#262626}#details-lower-container{margin:2.5%}.details-show-info{font-size:x-large;color:#262626}#details-show-link{color:#78aaff}#show-container{width:15%;height:100%;color:#262626;display:flex;flex-direction:column;text-align:center;transition:.5s}#show-container:hover{margin-top:3%}#show-btn{margin:0;background-color:transparent;border:none;cursor:pointer;transition:.5s}#cover-image{width:100%}.show-info{margin-top:5%;vertical-align:top}.show-info-p{margin:0}.display-data-show{color:#8b8b8b}#search-container{margin-top:15vh;margin-left:5vw;margin-right:5vw;margin-bottom:5vh;color:#262626;background-color:transparent;border-radius:8px}#search-header-container{display:flex;align-items:center}#search-header{margin-left:2.5%}#display-shows-container{margin:2.5%;display:flex;justify-content:space-around}#search-no-shows-container{margin-top:20vh;font-size:larger;font-weight:700}.container-scroll-btn{height:100%;width:100%;font-size:xx-large;color:#8b8b8b;background-color:transparent;border:none;cursor:pointer;transition:.5s}.container-scroll-btn:hover{color:#262626}#category-container{margin:15vh 5vw 15vh 5vw;height:50vh}#category-header-container{display:flex;align-items:center}#category-header{margin-left:2.5%;color:#262626}#category-scroll-and-data{height:80%;display:flex}.scroll-btn-container{height:100%;width:5%}#shows-container{display:flex;justify-content:space-around}@media screen and (max-width: 768px){#category-container{max-width:100%}}#profile-container{margin:2%;width:10%}#profile-btn{height:50%;width:80%;background-color:#7eeff3;border:1px solid #000;border-radius:2px;cursor:pointer;transition:.5s}#profile-btn:hover{margin-top:12%}@media screen and (max-width: 750px){#profile-container{width:20%}#profile-btn{width:80%}}#profile-delete-btn{height:10%;width:80%;color:#c4c4c4;font-size:x-large;text-align:center;background-color:transparent;border:none;cursor:pointer;transition:1s}#profile-delete-btn:hover{color:red}#addprofile-container{margin:2%;width:10%}#addprofile-btn{height:50%;width:80%;background-color:#abfccc;border:1px solid #000;border-radius:2px;cursor:pointer;transition:.5s}#addprofile-btn:hover{margin-top:12%}@media screen and (max-width: 750px){#addprofile-container{width:20%}#addprofile-btn{width:80%}}#create-profile-container{height:100%;width:100%;z-index:1;position:absolute;top:0;display:flex;justify-content:center;align-items:center}#create-profile-main{height:60%;width:70%;background-color:#c1b4f5;border:2px solid #000000;border-radius:8px}@media screen and (max-width: 750px){#create-profile-main{height:90%;width:90%}}#create-profile-header-container{margin-top:5vh;display:flex;justify-content:space-between;align-items:center}#create-profile-header{margin-left:5vw}#create-profile-close{height:8vh;width:8vh;margin-right:5vw;color:#fff;background-color:transparent;border:none;font-size:xx-large;transition:.5s}#create-profile-close:hover{color:#000}#create-profile-input-container{margin-top:15vh;display:flex;justify-content:space-around;align-items:center}@media screen and (max-width: 750px){#create-profile-input-container{display:grid;justify-content:center}}#create-profile-input{height:8vh;width:40vw;font-size:large;border:2px solid #ffffff;border-radius:6px}#create-profile-submit-btn{height:8vh;width:10vw;font-size:large;border:2px solid #ffffff;border-radius:6px;cursor:pointer;transition:.5s}#create-profile-submit-btn:hover{border:2px solid #000000}@media screen and (max-width: 750px){#create-profile-input{margin-top:10%;width:100%}#create-profile-submit-btn{margin-top:10%;width:80%}}#show-profile-box-container{height:100%;width:100%;z-index:1;position:absolute;top:0;display:flex;justify-content:center}#show-profile-delete-container{height:10%;width:40%;margin-top:3%;color:#f0f0f0;background-color:#262626;border-radius:6px;display:flex;justify-content:space-around;align-items:center}#show-profile-delete-btn-container{height:100%;width:30%;display:flex}.btn{height:100%;width:100%;background-color:transparent;border:none;cursor:pointer}@media screen and (max-width: 750px){#show-profile-delete-container{width:80%}#profile-delete-box-header{font-size:large}}#profile-select-container{height:100%;width:100%;margin:0;text-align:center}#profile-select-header{margin-top:25vh}#profiles-container{height:40vh;display:flex;justify-content:center}body{margin:0;font-family:sans-serif}