#root{display:flex;flex-wrap:wrap;width:100%;justify-content:center;text-align:center}.img{width:300px;height:400px;object-fit:cover;border-radius:10px}#sample{width:100%;height:100%;display:flex;justify-content:center}#bubbleDiagram{background-color:#242424;width:80%;height:700px;position:relative;cursor:auto}.canvas{position:absolute;top:0;left:0;z-index:2;touch-action:none;cursor:auto;background-color:#000}.search-area{display:flex;flex-direction:column;justify-content:center;align-content:center;margin-bottom:50px;flex:1 1 100%}.search_searchbar{height:35px;border-radius:10px;border:1px solid #eaeaea;margin:0 10px;padding:0 10px;font-size:larger;width:40%}.cards-area{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:20px;width:100%}.home-label-card{width:200px;height:600px;border-radius:10px;margin:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;object-fit:fill;transition:width .3s ease-in-out;box-shadow:0 0 10px #000000a8}.home-label-card:hover{width:400px;transition:width .3s ease-in-out}.home-label-card-header{font-size:larger;cursor:pointer;text-shadow:1px 1px 2px #242424}.home-label-card-list{list-style:none;text-align:center;text-shadow:1px 1px 2px #242424;background-color:#2424243b;overflow:hidden;cursor:pointer;font-size:larger;overflow:scroll;transition:max-height .3s ease}.home-label-card-item{margin-left:-35px}.home-label-card-item a{color:#fff}.media-card-list.open{max-height:300px}.invalid-input{color:#f12c2c;font-size:20px;margin:0;padding:0}.loading{justify-self:center;align-self:center}@media screen and (max-width: 768px){.header{flex-direction:column}.header-user-container{flex-direction:row}.header-login-username{margin-right:0}.dropdown-menu{top:109px;right:0}.cards-area{flex-direction:row;overflow-y:hidden;overflow-x:scroll;justify-content:flex-start}.home-label-card{width:350px;height:400px;padding-inline:20px}.home-label-card-list{max-height:300px;overflow-y:scroll}.home-label-card-item{font-size:smaller}#bubbleDiagram{width:100%}}@media screen and (max-width: 768px){.header,.footer-container,.details-title-labels-container{width:90%}.home-container{width:100%}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#db3dff;text-decoration:inherit;cursor:pointer}a:hover{color:#db3dff}h1{font-size:3.2em}button{border-radius:8px;border:1px solid white;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:#fff;background-color:transparent;cursor:pointer;transition:border-color .25s}button:hover{color:#db3dff;border-color:#db3dff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.footer-container{display:flex;justify-content:space-between;flex-direction:column;align-items:center;padding:1rem 0;border-top:1px solid #eaeaea;font-size:smaller;margin-top:70px;width:80%;margin-inline:20px}.footer-text{margin:0}.github__container{display:flex;width:200px;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}.github-logo{width:60px;height:60px;margin:0}.github-profile-container{display:flex;flex-direction:column}.review-area{padding:10px 40px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%}.review-area__existing-reviews{width:100%}.review-item{list-style:none;border:1px solid #eaeaea;border-radius:10px;text-align:left;padding:10px 40px;margin-bottom:20px}.review-item__title{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:-20px;align-items:center;font-size:larger}.add-review-area{display:flex;flex:1 1 100%;flex-direction:row;align-items:center;margin-top:20px;justify-content:space-between}.review__text-input{width:80%;max-width:500px;height:40px;font-size:larger;border-radius:5px;margin-left:40px;border:1px solid #eaeaea}.review__rate-input{width:50px;height:40px;font-size:larger;border-radius:5px;margin-left:10px;border:1px solid #eaeaea}.reviews-button-area{display:flex;flex-direction:row;align-items:center;margin-top:20px;justify-content:flex-end}.reviews-button{margin:5px}.save{width:80px}.edit-container{display:flex;flex-direction:column;justify-content:flex-start}.edit-container__textarea{width:100%;height:60px;border-radius:5px}.review-profile-area{width:100%}.review-form-area{display:flex;width:100%;flex-wrap:wrap;flex:1 1 100%}.review-form{display:flex;flex-direction:column;width:100%}@media screen and (max-width: 768px){.review-area{width:100%;padding:0}.review-item{padding:10px 20px}.review__text-input{width:100%}.reviews-button-area{justify-content:flex-start}.reviews-button{margin:5px}.save{width:80px}.review-form-area{flex-direction:column;width:90%}.add-review-area{flex-direction:column}.review__text-input{width:90%;max-width:90%;margin-left:0;margin-bottom:20px}.edit-container__textarea{width:90%;max-width:90%}}.labels-intro{text-align:left;margin-left:10px}.labels-area{display:flex;flex-direction:column;justify-content:center;align-content:center;margin-bottom:30px;flex:1 1 100%}.labels-list{display:flex;flex-direction:row;align-items:center;padding:0 10px;margin:0;list-style:none;height:50px;align-self:flex-start;flex:1 1 100%}.labels-list_item{margin-inline:10px;border:2px solid #eaeaea;border-radius:10px;padding:5px 10px}.labels_addbar{width:100px;height:40px;border-radius:10px;border:1px solid #eaeaea;margin:0 10px;font-size:larger;padding:0 10px;background-color:transparent;color:#eaeaea}.remove-button{padding:0 5px;margin-left:8px}.label-list_dropdown{min-width:100px;height:35px;border:2px solid #eaeaea;border-radius:10px;background:transparent;color:#eaeaea;margin-left:30px;padding-inline:20px}.voted{box-shadow:1px 1px 5px 1px #d93dfda8}.addlabel-select-area{display:flex;flex-direction:row;justify-content:center;align-items:center}@media screen and (max-width: 768px){.labels-area{flex-direction:column;margin-bottom:0}.labels-list{flex-wrap:wrap;margin-bottom:15px}.labels-list_item{margin-inline:5px;font-size:smaller}.labels-list_item{margin-bottom:10px}}.media__cards-area{display:flex;padding:20px;margin-top:50px;width:80%;box-shadow:inset 0 0 10px #000000a8;overflow-x:scroll}.media__card{width:300px;margin-inline:5px;flex:0 0 auto;cursor:pointer}.media__card__title{font-size:23px;height:90px;align-self:center;display:flex;align-items:center;justify-content:center;overflow:hidden}.media__card__movies{height:198px;overflow:scroll;text-align:left}.media__card__games{height:140px;overflow:scroll;text-align:left}.image-container{position:relative;display:inline-block}.hover-button{display:none;position:absolute;top:0;right:0;background-color:transparent;border:none;padding:5px 10px;cursor:pointer}.image-container:hover .hover-button{display:block}@media screen and (max-width: 768px){.media__cards-area{flex-direction:column;box-shadow:none;width:100%}.media__card{width:100%;box-shadow:inset 0 0 10px #000000a8}.media__card__movies{height:90px;width:90%;margin:0 0 20px;padding-inline:20px}}.header_navbtns{display:flex;flex-direction:row;align-items:center;width:30%;height:100%}.bn5{outline:none;color:#fff;background:transparent;cursor:pointer;position:relative;z-index:0;border-radius:200px;border:2px solid #eaeaea;font-size:larger;height:70px;width:70px;display:flex;justify-content:center;align-items:center;margin-inline:7px}.bn5:before{content:"";background:linear-gradient(45deg,#db3dff,#00c5da,#7a00ff,#ff00c8,#db3dff);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowingbn5 20s linear infinite;opacity:0;transition:opacity .3s ease-in-out;border-radius:200px}@keyframes glowingbn5{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.bn5:active{color:#db3dff;border:2px solid #eaeaea}.bn5:active:after{background:#242424}.bn5:hover:before{opacity:1}.bn5:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#242424;left:0;top:0;border-radius:200px;border:1px solid #eaeaea}.specialbtn{outline:none;color:#fff;position:relative;z-index:0;border-radius:200px;border:2px solid #eaeaea;font-size:larger;height:90px;width:90px;display:flex;justify-content:center;align-items:center;background:#242424;margin-inline:7px;box-shadow:0 0 1px 2px #db3dff}.specialbtn a:hover{color:#eaeaea}.specialbtn:active{animation:glowingbn5 20s linear infinite}.specialbtn:focus,.specialbtn:focus-visible{outline:transparent}.details-buttons-container{display:flex;justify-content:space-evenly}.details-main-button-title{display:flex;flex-direction:column;align-items:center}.bn5 .bn5_textcontent{font-size:smaller}.details-area{display:flex;flex-direction:column;align-items:center;width:100%}.details-title-labels-container{display:flex;flex-direction:column;width:80%}.details-title{font-size:38px}@media screen and (max-width: 768px){.details-title{font-size:28px}.details-title-labels-container{width:90%}.header-indetail{position:relative;padding-bottom:50px}.header_navbtns{position:absolute;top:25%;right:50%}.bn5{height:50px;width:50px}.specialbtn{height:60px;width:60px}}.header{display:flex;justify-content:space-between;flex-direction:row;border-bottom:2px solid #eaeaea;margin-inline:30px;margin-bottom:20px;align-items:center;width:80%}.header-username{display:flex;flex-direction:row;align-items:center}.header-user-container{display:flex;flex-direction:column;align-items:center;gap:40px}.header-login-username{margin-right:5px}.profile-picture{width:50px;height:50px;border-radius:50%}.picture-container{position:relative}.dropdown-icon{margin-left:5px;margin-top:7px;height:40px;width:40px}.dropdown-menu{border-radius:5px;position:absolute;background-color:#313131;top:55px;right:5px;object-fit:cover}.dropdown-list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;text-align:start;width:105px}.dropdown-item{padding:5px;position:relative;color:#fff}.dropdown-item:hover{background-color:#464646;color:#db3dff;border-radius:5px}@media screen and (max-width: 768px){.header{margin-inline:10px;width:90%}.header-title{font-size:35px}.header-login-username{margin-right:0;font-size:20px}.dropdown-menu{top:47px}.dropdown-list{font-size:smaller;width:100px}}.search_bar{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.search__input{width:400px;height:40px;border:1px solid #eaeaea;border-radius:5px;padding:0 10px;font-size:16px;outline:none}.search__list{position:absolute;top:43px;width:410px;background-color:#313131;border-radius:5px;padding:0;margin:0;list-style:none;max-height:400px;overflow-y:scroll}.search__list-item{padding:5px;color:#fff;font-size:large;cursor:pointer}.search__list-item:hover,.selected{background-color:#464646;color:#db3dff}@media screen and (max-width: 768px){.search__input{width:200px}.search__list{width:210px;max-height:200px}}.signup-area{display:flex;flex-direction:column}.signup-form{display:flex;flex-direction:column;justify-content:space-evenly}.signup-form-login{display:flex;flex-direction:column;align-items:center}.signup-form__subtitle{font-size:25px;margin:20px 0}.signup-form__container{display:flex;flex-direction:column;align-items:flex-end}.signup-form__label{font-size:18px}.signup-form__input{width:300px;height:30px;margin:5px}.google-form{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center}.already-register{margin-top:50px;font-size:larger}@media screen and (max-width: 768px){.signup-form{flex-direction:column;align-items:center}.signup-form__input{width:250px}.google-bton{width:200px}}.profile-area{width:80%;margin-top:40px;display:flex;flex-direction:column;align-items:center}.profile-area-title{width:100%;margin-bottom:30px;font-size:30px}.profile-review-section{display:flex;width:100%;justify-content:center}.profile-area__review-section{width:80%}@media screen and (max-width: 768px){.profile-area{margin:0}.profile-area-title{width:100%;margin:0;font-size:25px}}.addstory{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.loading{margin-top:50px}.addstory-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;flex:1 1 100%}.addstory__search-area{display:flex;flex-direction:column;justify-content:center;align-content:center;flex:1 1 100%}.addstory-title{font-size:40px;width:100%}.addstory-subtitle{font-size:38px;text-align:left;width:80%;margin:40px 0 0 60px}.addstory-buttons{margin-left:10px;margin-top:30px}@media screen and (max-width: 768px){.addstory-title{font-size:30px}.search_searchbar{height:30px}.addstory-subtitle{font-size:20px;margin:10px 0 0}.media__cards-area{margin-top:0}}.about-container{flex:1 1 100%;text-align:left;margin-inline:160px}.about-project__content{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;text-align:left}.about__contact-area{display:flex;flex-direction:row;justify-content:space-evenly}.about__contact-info{display:flex;flex-direction:column;align-items:center}.img-profile{width:200px;height:200px;border-radius:50%}.linkedinLogo{height:40px;filter:brightness(0) invert(1)}@media screen and (max-width: 768px){.img-profile{height:100px;width:100px}}