body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-thumb{background:#216bc0;border-radius:10px}body::-webkit-scrollbar-track{background:#fff}.App{background:linear-gradient(#505bfc,#8c5aff);min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;padding:0}.app__header{background:#444;color:#fff;width:100%;-webkit-justify-content:center;justify-content:center}.app__header,nav{display:-webkit-flex;display:flex}nav{padding:20px 0;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around}nav .app-logo{-webkit-filter:brightness(8);filter:brightness(8);padding-right:100px;-webkit-flex:1 1;flex:1 1}.content__search{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.label__search{position:relative;-webkit-flex:1 1;flex:1 1}.logo__search{position:absolute}.input__search{border-radius:8px;padding:5px 10px;border:none;outline:none}.iconos{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-flex:1 1;flex:1 1;margin-left:20px}.iconos a{transition:color .5s ease}.iconos a:hover{color:#8088ff}.iconos i{font-size:25px;margin:0 10px}.iconos a{text-decoration:none;color:#fff}.navbar__avatar{display:-webkit-flex;display:flex;position:relative}.navbar__avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover}.navbar__avatar .avatar:hover{cursor:pointer}.navbar__avatar .avatar__name{position:absolute;left:2px;bottom:-15px;width:70px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.navbar__avatar .btn{position:absolute;background:#333;color:#fff;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:50px;height:50px;border-radius:50%;font-size:30px;bottom:-110px;visibility:hidden;opacity:0}.navbar__avatar .btn a{text-decoration:none;color:#fff}.navbar__avatar .btn__edit{top:45px}.navbar__avatar input[type=checkbox]{display:none}.navbar__avatar:hover{cursor:pointer}input:checked~.btn{visibility:visible;opacity:1}@media screen and (max-width:700px){.container__header{position:relative;display:grid;grid-gap:20px;gap:20px;grid-template-rows:1fr 1fr;place-items:center}.iconos{grid-row:2/3;margin-left:0;position:fixed;bottom:0;background:#333;-webkit-justify-content:space-around;justify-content:space-around;z-index:40;width:100%;height:50px}.iconos,.iconos .create__post{display:-webkit-flex;display:flex}.iconos .create__post{position:absolute;background:#222;bottom:25px;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:60px;height:60px;border-radius:50%}.navbar__avatar{position:absolute;right:10px;top:10px}}.container__create__post{min-height:100vh;-webkit-animation:entrada .5s ease;animation:entrada .5s ease}.content__create__post{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:80vh}.preview{width:300px;margin:10px 0}.card__form{background:#ffae45;color:#fff;padding:20px;margin-bottom:50px}.card__form,.card__form form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.card__form form{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.card__form form label{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%}.card__form form input[type=text]{padding:10px;border-radius:20px;outline:none;border:none;margin-bottom:10px}.content__card{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.content__card img{width:300px;object-fit:contain}@media screen and (max-width:700px){.content__create__post{margin-bottom:40px}}.container__details{-webkit-align-items:center;align-items:center}.container__card__details,.container__details{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.container__card__details{margin:20px 0;width:600px;background:#6692ea;color:#fff;border-radius:20px;-webkit-animation:animation__entrada .5s ease;animation:animation__entrada .5s ease;padding:20px 30px}.container__card__details .header__deatils{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.container__card__details .header__deatils a{text-decoration:none;padding:5px 20px;background:#fff;border-radius:10px;color:rgba(62,184,255,.534);border:1px solid rgba(62,184,255,.534)}.container__content__details{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.container__content__details img{object-fit:contain;width:100%;border-radius:20px}@media screen and (max-width:700px){.container__card__details{width:80%;margin-bottom:35px}}@-webkit-keyframes animation__entrada{0%{opacity:.5}to{opacity:1}}@keyframes animation__entrada{0%{opacity:.5}to{opacity:1}}.bubble__container_a{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid #fff}.bubble_border_a{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:49px;height:49px;border-radius:50%;background:linear-gradient(#405de6,#5851db,#833ab4,#c13584,#e1306c,#f56040,#f77737,#fcaf45,#ffdc80)}.bubble_border_a .avatar{width:100%;height:100%;object-fit:cover}.bubble_border_a:hover{cursor:pointer;-webkit-animation:colorRotate 1s infinite alternate;animation:colorRotate 1s infinite alternate}@-webkit-keyframes colorRotate{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes colorRotate{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}.bubble__image_a{width:100%;height:100%}.bubble__container_avatar{min-width:100px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;color:#f0f8ff;text-overflow:ellipsis;overflow:hidden}.card__squeleton{position:relative;width:600px;min-height:400px;border:1px solid #575757;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;border-radius:10px;margin:30px 0;background:#333}.card__squeleton .animation__squeleton{animation:squeleton .8s ease-out infinite alternate-reverse}.card__squeleton .animation__squeleton .squeleton__place{width:100%;height:300px;background:#4b86fb}.card__squeleton .card__title__publication .nombre__squeleton{width:90px;height:30px;margin-left:10px}.card__squeleton .card__comment .nombre__squeleton,.card__squeleton .card__title__publication .nombre__squeleton{background:#fff;border-radius:20px;-webkit-animation:squeleton .8s ease-out infinite;animation:squeleton .8s ease-out infinite}.card__squeleton .card__comment .nombre__squeleton{width:90%;height:40px;margin:10px}@media screen and (max-width:700px){.card__squeleton{width:100%}}@-webkit-keyframes squeleton{0%{opacity:.5}to{opacity:1}}@keyframes squeleton{0%{opacity:.5}to{opacity:1}}.card__publication{position:relative;width:600px;border:1px solid #575757;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;border-radius:10px;margin:30px 0;background:#333}.card__avatar{width:50px;height:50px}.card__title__publication{border-top-left-radius:10px;border-top-right-radius:10px;padding:10px 15px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;height:50px;background:#444}.card__content__publication{width:100%;height:100%;overflow:hidden}.card__content__publication .image__card{width:100%;height:100%;object-fit:contain;cursor:pointer;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.card__content__publication .image__card:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.card__bar__icons i{color:#fff}.card__comment{background:#6692ea;border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.card__comment .content__description{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-right:10px}.card__comment .content__description .content__date{text-align:right;color:#fff}.card__comment h2{padding-left:10px;color:#fff;font-weight:700}.card__comment .content__icons__card{display:-webkit-flex;display:flex;grid-gap:10px;gap:10px}.card__comment .card__bar__icons{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:10px;font-size:20px}.card__comment .card__bar__icons i{transition:-webkit-transform .8s ease;transition:transform .8s ease;transition:transform .8s ease,-webkit-transform .8s ease}.card__comment .card__bar__icons i:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.card__comment .comments__content{padding:10px;-webkit-justify-content:space-between;justify-content:space-between}.card__comment .comments__content,.card__comment .comments__content form{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.card__comment .comments__content form{width:100%;-webkit-flex-wrap:wrap;flex-wrap:wrap}.card__comment .comments__content i{font-size:20px;color:#fff;padding-right:10px}.card__comment .comments__content input{-webkit-flex:1 1;flex:1 1;padding:10px}.card__comment .comments__content button{margin-left:10px;padding:10px 20px;background:#4265ff;color:#fff;border:2px solid transparent;transition:all .5s ease}.card__comment .comments__content button:hover{cursor:pointer;background:#fff;color:#4265ff;border:2px solid #4265ff}.card__comment .comments__content .coment{width:100%;padding:10px;color:#fff}.card__comment .comments__content .coment .content__coment{background:linear-gradient(#8c5aff,#505bfc);border-radius:8px;padding:5px;display:grid;grid-template-columns:50px 1fr;margin:10px 0}.card__comment .comments__content .coment .content__coment h3{grid-column:2/3}.card__comment .comments__content .coment .content__coment h5{grid-column:2/3;color:#7fffd4}.card__comment .comments__content .coment .content__coment img{width:40px;height:40px}.card__comment .details{-webkit-flex-direction:column;flex-direction:column}@media screen and (max-width:700px){.card__publication{width:90%}.card__comment .comments__content{height:auto;-webkit-flex-wrap:wrap;flex-wrap:wrap}.card__comment .comments__content button{margin-top:10px;width:100%}}.container__publications{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.container__footer,.container__publications{display:-webkit-flex;display:flex;color:#fff}.container__footer{width:100%;-webkit-justify-content:center;justify-content:center;background:rgba(32,32,32,.356)}.slider{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;width:600px;overflow-x:scroll}.slider h3{padding:0}.slider__content{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;grid-gap:20px;gap:20px}.slider::-webkit-scrollbar{width:10px;height:5px}.slider::-webkit-scrollbar-thumb{width:10px;height:10px;background-color:#76b2ff;border-radius:4px}.slider::-webkit-scrollbar-track{background:#e1e1e1;border-radius:4px}@media screen and (max-width:700px){.slider{width:90%}}.bubble__container{width:62px;height:62px;border-radius:50%;overflow:hidden;font-family:"Ranga",cursive}.bubble_border{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:70px;height:70px;border-radius:50%;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;background:linear-gradient(#405de6,#5851db,#833ab4,#c13584,#e1306c,#f56040,#f77737,#fcaf45,#ffdc80)}.bubble_border:hover{-webkit-transform:scale(1.081);transform:scale(1.081);cursor:pointer}.container__bubble{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.container__bubble h4{text-align:center;text-overflow:ellipsis;overflow:hidden;height:45px;color:#fff}.bubble__image{width:100%;height:100%;object-fit:cover}.content__instagram{-webkit-flex-direction:column;flex-direction:column;padding-top:20px;grid-gap:20px;gap:20px;grid-column:1/13}.content__instagram,.dots__button{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.dots__button{background:transparent;color:#fff;height:38px;border:none;transition:color .5s ease}.dots__button:hover{cursor:pointer;color:#868686}.container__home{-webkit-animation:entrada .5s ease;animation:entrada .5s ease}@-webkit-keyframes entrada{0%{opacity:.2}to{opacity:1}}@keyframes entrada{0%{opacity:.2}to{opacity:1}}.auth__main{margin:0;height:100vh;width:100vw}.auth__content,.auth__main{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.auth__content{background:#389fff;padding:30px}.auth__box-container{background-color:#fff;box-shadow:0 3px #389fff;border-radius:2px;width:380px;padding:20px}.auth__title{color:#fafafa;margin:20px}.auth__input{color:#5a65ff;border:0;border-bottom:2px solid transparent;font-size:16px;margin-bottom:20px;padding:10px;width:95%;height:20px;transition:border-bottom .3s ease}.auth__input:focus{outline:none;border-bottom:2px solid #5a65ff}.auth__social-network{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;padding-top:20px;padding-bottom:20px;width:100%}.auth__social-network,.google-btn{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.google-btn{-webkit-justify-content:space-around;justify-content:space-around;background:#fff;padding:0 10px}.google-btn img{margin-right:10px}.google-btn:hover{cursor:pointer;opacity:.85}.auth__alert-error{background-color:#ff8181;border-radius:5px;color:#fff;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-bottom:10px;padding:5px}.btn__login{width:100%;padding:10px 0;color:#222;background:#fff;outline:none;border:#505bfc}.link{-webkit-justify-content:flex-end;justify-content:flex-end}.form__register,.link{display:-webkit-flex;display:flex}.form__register{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;width:450px}.btn__register{width:100%;padding:10px 0;background:#fff;outline:none;border:none;margin-bottom:20px}@media screen and (max-width:700px){.auth__content{width:80%}.form__register{width:95%}}
/*# sourceMappingURL=main.492ffd90.chunk.css.map */