.loginpage__main_container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:1rem;min-height:100vh;text-align:center}.loginpage__main_container .loginpage__main_container_img_TitaMediaLogo{width:150px;border-radius:50%;transition:all .3s ease}.loginpage__main_container .loginpage__main_container_img_TitaMediaLogo:hover{box-shadow:0 0 20px #ffffff42}.loginpage__main_container .loginpage__main_container__subtitle{margin-bottom:1rem}.loginpage__main_container .loginpage__main_container__social{display:flex;gap:1.2rem;margin-top:.5rem}.loginpage__main_container .loginpage__main_container__social img{border-radius:7px;object-fit:cover;width:40px;height:40px;background-color:#fff}@media (max-width: 768px){.loginpage__main_container .loginpage__main_container__title{font-size:25px}.loginpage__main_container .loginpage__main_container__subtitle{font-size:14px}}@media (max-width: 360px){.loginpage__main_container .loginpage__main_container_img_TitaMediaLogo{width:130px}}.homePage__main_container__navbar{max-width:1280px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 0}.homePage__main_container__navbar ul{list-style:none;display:flex;justify-content:space-between;gap:2rem}.homePage__main_container__navbar ul a{color:#fff;text-decoration:none}.homePage__main_container__navbar ul a:visited,.homePage__main_container__navbar ul a:focus,.homePage__main_container__navbar ul a:active{color:#fff}.homePage__main_container__navbar img{border-radius:8px;width:60px}.homePage__main_container__navbar .homePage__main_container__navbar__button_logout{padding:1rem;background-color:#8a2be2;color:#f2f2f2;border:none;outline:none;cursor:pointer;border-radius:.5rem;font-weight:600}.homePage__main_container__navbar .homePage__main_container__navbar__button_logout img{width:20px}@media (max-width: 768px){.homePage__main_container__navbar{gap:1rem;padding:.5rem 1.5rem;box-shadow:0 10px 20px #ffffff16}.homePage__main_container__navbar ul{display:none;gap:.5rem}}.homePage__main_container__container_posts{padding:2rem 0;max-width:1280px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.mian_conatiner__card_home{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem;max-width:1280px}.container__dropdown_tags_select{display:flex;align-items:center;gap:1rem}.container__dropdown_tags_select p{font-size:20px}.card__home{display:flex;justify-content:center;align-items:center;min-width:200px;min-height:300px;border-radius:10px}.dropdown{position:relative;display:inline-block;cursor:pointer;width:150px}.dropdown__selected{padding:.5rem 1rem;border:1px solid #ccc;background-color:#63007d;width:150px}.dropdown__options{position:absolute;top:100%;left:0;right:0;background-color:#63007d;border:1px solid #ccc;border-radius:0 0 1rem 1rem;box-shadow:0 4px 8px #0000001a;z-index:10;overflow-y:auto}.dropdown__option{padding:.5rem 1rem;cursor:pointer;transition:all .2s ease}.dropdown__option:hover{color:#63007d;background-color:#f1f1f1;font-weight:600}.container_card{background-color:#8a2be2;max-width:16rem;min-height:25rem;padding:.5rem 0rem;border-radius:.438rem;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:.5rem;transition:all .2s ease}.container_card:hover{box-shadow:0 0 20px #8a2be2}.container_card_user{display:flex;justify-content:space-around;align-items:center;width:100%}.container_user{display:flex;justify-content:flex-start;align-items:center;width:100%}.container_image_user{display:flex;align-items:center;width:auto;height:auto;margin:0rem .438rem}.image_user{border-radius:50%;width:40px;height:40px;object-fit:cover}.container_info_user p{width:auto;color:#fff;font-weight:700;font-size:14px}.container_icon_user_information{display:flex;align-items:center;width:auto;height:auto;padding:2px;margin:0rem .438rem}.icon_information_button{background-color:transparent;border:none;cursor:pointer}.image_icon_information{width:20px;height:20px}.container_image_card{display:flex;justify-content:center;align-items:center;width:auto;min-height:8rem}.image_card{width:100%;object-fit:cover;aspect-ratio:1 / 1}.card_contain_interaction{display:flex;width:100%;justify-content:flex-start;flex-direction:column}.card_contain_title p{color:#fff;font-weight:700;font-size:14px}.button_interaction_cards{display:flex;width:100%;gap:1rem;justify-content:flex-start}.likes_interaction_card{display:flex;flex-direction:column}.comments_interaction_card{display:flex;flex-direction:row;margin:2px;align-items:center;background-color:#63007d;color:#fff;padding:0 .438rem;cursor:pointer;border-radius:.438rem;border:none;transition:all .2s ease-in-out}.comments_interaction_card:hover{filter:brightness(1.5)}.like_icon,.comment_icon{width:1.8rem}.likes_interaction_card_text{margin:0rem .438rem;font-size:12px;font-weight:700;color:#fff}.details_icon{width:2rem}.col_data_card{width:100%;display:flex;flex-direction:column;justify-content:flex-start;padding:0 10px;gap:8px}.card_contain_text{display:flex;flex-direction:column;justify-content:flex-start;width:100%}.card_contain_text_tags{display:flex;flex-direction:column;justify-content:flex-start;width:100%;margin-top:1rem}.card_contain_tags{display:flex;justify-content:space-evenly;flex-direction:row;flex-wrap:wrap;gap:.2rem;width:100%}.card_tag p{padding:0 .4rem;background-color:#fff;color:#63007d;font-weight:600;border-radius:.2rem;font-size:12px;padding:2px 10px}.container_fixed_modal_comments{width:100vw;height:100vh;background-color:#892be257;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.cont_modal_comments{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#8a2be2;border-radius:15px;box-shadow:0 0 30px #fff;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:300px;min-height:300px;z-index:10;color:#fff;padding-bottom:2rem}.cont_modal_comments img{width:100%;max-width:100px}.btn_close_modal_comments{position:absolute;bottom:0;color:#8a2be2;border:1px solid transparent;font-weight:700;padding:.5rem 1rem;border:none;border-radius:7px;transition:all .1s;font-size:20px;margin-bottom:1rem}.btn_close_modal_comments:hover{cursor:pointer;background-color:#63007d;border:1px solid #fff;color:#fff}.container_fixed_modal_owner{width:100vw;height:100vh;background-color:#892be257;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.cont_modal_owner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#8a2be2;border-radius:15px;box-shadow:0 0 30px #fff;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:300px;min-height:300px;z-index:10;color:#fff;padding:2rem .5rem}.cont_modal_owner h3{padding-top:1rem}.cont_modal_owner img{width:100%;max-width:100px;border-radius:50%}.container_detail_user_data{display:flex;flex-direction:column;align-items:center}.btn_close_modal_owner{position:absolute;bottom:0;color:#8a2be2;border:1px solid transparent;font-weight:700;padding:.5rem 1rem;border:none;border-radius:7px;transition:all .1s;font-size:20px;margin-bottom:1rem}.btn_close_modal_owner:hover{cursor:pointer;background-color:#63007d;border:1px solid #fff;color:#fff}.homePage__main_container{display:flex;flex-direction:column;align-items:center;width:100%}#root{width:100%;min-height:100vh;background-image:linear-gradient(to right bottom,#000,#17040d,#210919,#2a0b25,#300e35,#300f3b,#2e1141,#2c1347,#291142,#25103d,#220e39,#1f0c34)}*{box-sizing:border-box;padding:0;margin:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{width:100%;min-height:100vh}