h1{margin-bottom:2rem;margin-top:2rem;text-align:center}h2{margin:1rem 0 0}p{margin:1.5rem 0;text-align:justify}p:first-child{margin-top:.5rem}article>h2,section>h2{border-bottom:2px solid}li{font-size:.9rem;margin-left:2rem}:root{--ff-main:Poppins,sans-serif;--font-size:1.5rem;--clr-main:var(--clr-pr-white-100);--clr-pr-white-100:#fff;--clr-pr-white-200:#e6e6e6;--clr-pr-green-100:#2eb88a;--clr-pr-green-400:#1fad7e;--clr-pr-green-500:#17825e;--clr-pr-blue-100:#5e98ba;--clr-pr-blue-200:#4091bf;--clr-pr-blue:#11699c;--clr-pr-mixed:#188a8c;--clr-pr-purple-pink:#8b55aa;--clr-pr-gray:#757575;--clr-hover:#26df20;--clr-bg-alpha-1:hsla(0,0%,100%,.3);--clr-bg-alpha-2:hsla(0,0%,100%,.15);--clr-glow:#00ffc8;--clr-glow-2:#206052;--clr-bg-avatars-modal:rgba(12,49,47,.98);--clr-shadow:rgba(0,0,0,.363);--line-thickness:0.2rem;--max-width:600px;--hover-scale:1.05}*,:after,:before{box-sizing:border-box;margin:0;padding:0;transition:.1s ease-in-out}body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-attachment:fixed;background-image:linear-gradient(90deg,#1fad7e,#11699c);background-image:linear-gradient(to right,var(--clr-pr-green-400),var(--clr-pr-blue));background-repeat:no-repeat;color:#fff;color:var(--clr-main);display:grid;font-family:Poppins,sans-serif;font-family:var(--ff-main);margin:5rem 0 1rem}body a,body a:visited{color:inherit}h2{font-size:1rem}.text-centered{text-align:center}.margin-top-bottom{margin:.3rem 0}@media (min-width:450px){.margin-top-bottom{margin:1rem 0}}.shadow,.sign-in{-webkit-filter:drop-shadow(0 0 5px rgba(0,0,0,.363));filter:drop-shadow(0 0 5px hsla(0,0%,0%,.363));-webkit-filter:drop-shadow(0 0 5px var(--clr-shadow));filter:drop-shadow(0 0 5px var(--clr-shadow))}#root,.grid{display:grid}#root{margin:auto;width:min(95%,600px);width:min(95%,var(--max-width))}.logo{-webkit-filter:drop-shadow(0 0 10px #00ffc8);filter:drop-shadow(0 0 10px hsl(167,100%,50%));-webkit-filter:drop-shadow(0 0 10px var(--clr-glow));filter:drop-shadow(0 0 10px var(--clr-glow));margin:auto;width:min(45%,15rem)}@media (min-width:450px){.logo{font-size:1.3rem}}.title{background-color:hsla(0,0%,100%,.3);background-color:var(--clr-bg-alpha-1);border:.2rem solid;border:solid var(--line-thickness);border-radius:3rem;font-size:1rem;margin:auto;padding:.5rem;text-align:center;width:min(100%,24rem);z-index:10}@media (min-width:450px){.title{font-size:1.3rem}}.sign-in{background-color:hsla(0,0%,100%,.3);background-color:var(--clr-bg-alpha-1);border:.2rem solid;border:solid var(--line-thickness);border-radius:2rem;margin:auto;padding:.5rem;text-align:center;width:min(100%,400px)}.sign-in ::-webkit-input-placeholder{color:#17825e;color:var(--clr-pr-green-500);opacity:1}.sign-in ::placeholder{color:#17825e;color:var(--clr-pr-green-500);opacity:1}.label{cursor:pointer;margin:.2rem 0;text-align:center}.btn,.text-input{border:none;border-radius:50vh;color:#17825e;color:var(--clr-pr-green-500);font-weight:800;padding:.5rem;text-align:center;width:100%}.btn{font-family:Poppins,sans-serif;font-family:var(--ff-main);font-weight:700;min-width:10rem;text-transform:uppercase}.btn:focus,.btn:hover{background-color:#188a8c;background-color:var(--clr-pr-mixed);color:#fff;cursor:pointer;-webkit-filter:drop-shadow(0 0 5px #fff);filter:drop-shadow(0 0 5px white);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.choose-img:focus,.choose-img:hover{cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-transform:scale(var(--hover-scale));transform:scale(var(--hover-scale))}.avatar{background-color:hsla(0,0%,100%,.3);background-color:var(--clr-bg-alpha-1);border:.2rem solid;border:solid var(--line-thickness);border-radius:100vh;padding:.5rem;width:8rem}.avatar-small{width:3rem}.avatar:focus,.avatar:hover{border-color:#188a8c;border-color:var(--clr-pr-mixed);cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-transform:scale(var(--hover-scale));transform:scale(var(--hover-scale))}.avatar-name{cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:.5rem;text-align:center}.avatar-wrapper{display:grid;justify-items:center}.avatars{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:420px){.avatars{grid-template-columns:repeat(2,1fr)}}@media (min-width:542px){.avatars{grid-template-columns:repeat(3,1fr)}}@media (min-width:750px){.avatars{grid-template-columns:repeat(4,1fr)}}@media (min-width:1000px){.avatars{grid-template-columns:repeat(6,1fr)}}.avatars-modal{background-color:rgba(12,49,47,.98);background-color:var(--clr-bg-avatars-modal);justify-self:center;padding:0 3rem;position:absolute;top:0;width:100vw;z-index:10}.avatars-modal h1{font-size:1.2rem}@media (min-width:420px){.avatars-modal h1{font-size:1.99rem}}.signed-in-user{align-items:center;background-color:hsla(0,0%,100%,.3);background-color:var(--clr-bg-alpha-1);border:.2rem solid;border:solid var(--line-thickness);border-radius:3rem;display:grid;font-size:.65rem;grid-template-columns:4rem 1fr auto;margin:.5rem auto;padding:.5rem;width:min(100%,24rem)}.signed-in-user .door{color:#fff;color:var(--clr-main);margin-left:.5rem;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:1.5rem}.signed-in-user .door:focus,.signed-in-user .door:hover{-webkit-transform:scale(1.05) rotate(180deg);transform:scale(1.05) rotate(180deg);-webkit-transform:scale(var(--hover-scale)) rotate(180deg);transform:scale(var(--hover-scale)) rotate(180deg)}.signed-in-user .icon{background-color:hsla(0,0%,100%,.3);background-color:var(--clr-bg-alpha-1);border:.2rem solid;border:solid var(--line-thickness);border-radius:100vh;margin-right:.5rem;padding:0;width:2rem}.signed-in-user img{cursor:pointer}.post-edit-form .top-icon,.post-wrapper .top-icon{border:1px solid;border-radius:10rem;-webkit-filter:drop-shadow(0 0 10px #00ffc8);filter:drop-shadow(0 0 10px hsl(167,100%,50%));-webkit-filter:drop-shadow(0 0 10px var(--clr-glow));filter:drop-shadow(0 0 10px var(--clr-glow));margin-bottom:-15px;margin-left:50%;-webkit-transform:translateX(350%);transform:translateX(350%);width:2rem}.post-edit-form .left,.post-wrapper .left{-webkit-transform:translateX(-450%);transform:translateX(-450%)}.post-edit-form .form,.post-wrapper .form{background-color:hsla(0,0%,100%,.3);background-color:var(--clr-bg-alpha-1);border:.2rem solid;border:solid var(--line-thickness);border-radius:2rem;margin:auto auto 1rem;max-width:600px;padding:.5rem 1rem 1rem}.post-edit-form .form .content-input,.post-wrapper .form .content-input{border:none;border-radius:1rem;font-family:Poppins,sans-serif;font-family:var(--ff-main);margin:.5rem auto auto;padding:1rem;resize:vertical;text-align:center;width:100%}.post-edit-form .form button,.post-wrapper .form button{color:#757575;color:var(--clr-pr-gray);margin-top:0}.post-edit-form .icon,.post-wrapper .icon{background-color:hsla(0,0%,100%,.3);background-color:var(--clr-bg-alpha-1);border:.2rem solid;border:solid var(--line-thickness);border-radius:100vh;margin-right:.5rem;padding:0;width:2rem}.post-edit-form label,.post-wrapper label{margin-left:2rem}.spinner{background-image:linear-gradient(90deg,#8b55aa,#11699c);background-image:linear-gradient(to right,var(--clr-pr-purple-pink),var(--clr-pr-blue));display:grid;height:100%;left:50%;opacity:.85;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}.spinner img{-webkit-animation:spin 2.5s linear infinite;animation:spin 2.5s linear infinite;-webkit-filter:drop-shadow(0 0 2rem #fff);filter:drop-shadow(0 0 2rem hsl(0,0%,100%));-webkit-filter:drop-shadow(0 0 2rem var(--clr-main));filter:drop-shadow(0 0 2rem var(--clr-main));margin:auto;width:30%}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(4turn);transform:rotate(4turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(4turn);transform:rotate(4turn)}}.post-wrapper .post{grid-gap:.5rem;background-color:hsla(0,0%,100%,.3);background-color:var(--clr-bg-alpha-1);border:.2rem solid;border:solid var(--line-thickness);border-radius:2rem;display:grid;gap:.5rem;grid-template-columns:1fr repeat(2,4fr);justify-items:center;margin:1rem 0;max-width:600px;max-width:var(--max-width);padding:1rem}.post-wrapper .post-content{background-color:hsla(0,0%,100%,.15);background-color:var(--clr-bg-alpha-2);border:.2rem solid;border:solid var(--line-thickness);border-radius:1rem;grid-column:span 3;padding:1rem;text-align:center;width:100%}.post-wrapper .post-content:after,.post-wrapper .post-content:before{color:#e6e6e6;color:var(--clr-pr-white-200);content:'"';font-size:1.3rem}.post-wrapper .likesNcomments{align-items:flex-end;display:flex;font-size:.8rem;gap:1rem;grid-column:span 3;justify-self:right;margin-right:1rem;margin-top:.5rem}.post-wrapper .likesNcomments p{margin:initial}.post-wrapper .like-btn{width:2rem}.post-wrapper .like-btn:focus,.post-wrapper .like-btn:hover{cursor:pointer;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.post-wrapper .like-btn:focus,.post-wrapper .like-btn:hover,.post-wrapper .liked{border:1px solid #206052;border:1px solid var(--clr-glow-2);border-radius:5rem;-webkit-filter:drop-shadow(0 0 10px #fff);filter:drop-shadow(0 0 10px hsl(0,0%,100%));-webkit-filter:drop-shadow(0 0 10px var(--clr-main));filter:drop-shadow(0 0 10px var(--clr-main));padding:1px;-webkit-transform:scale(1.3);transform:scale(1.3)}.post-wrapper .comments-window{background-color:hsla(0,0%,100%,.3);background-color:var(--clr-bg-alpha-1);border:.2rem solid;border:solid var(--line-thickness);border-radius:1rem;grid-column:span 3;margin-top:.5rem;padding:.5rem;width:100%}.post-wrapper .comments-edit-form input{border:none;border-radius:1rem;margin-bottom:.5rem;padding:.5rem;text-align:center;width:100%}.post-wrapper .comment{background-color:#2eb88a;background-color:var(--clr-pr-green-100);border:1px solid;border-radius:.5rem;font-size:x-small;margin:.2rem 0;padding:.5rem}@media (min-width:600px){.post-wrapper .comment{font-size:inherit}}.post-wrapper .comment span{float:right}.post-wrapper .comment img{border:1px solid;padding:0;width:2rem}.post-wrapper .up{-webkit-transform:translateY(-65px) translateX(200%);transform:translateY(-65px) translateX(200%);width:3rem}.post-wrapper .left{-webkit-transform:translateX(-200%);transform:translateX(-200%)}.post-wrapper .avatar{justify-self:right;padding:.2rem;width:3rem}.post-wrapper .signature,.post-wrapper .timestamp{background-image:linear-gradient(90deg,#5e98ba,#2eb88a);background-image:linear-gradient(to right,var(--clr-pr-blue-100),var(--clr-pr-green-100));border-radius:.5rem;color:#e6e6e6;color:var(--clr-pr-white-200);-webkit-filter:drop-shadow(0 0 5px #00ffc8);filter:drop-shadow(0 0 5px hsl(167,100%,50%));-webkit-filter:drop-shadow(0 0 5px var(--clr-glow));filter:drop-shadow(0 0 5px var(--clr-glow));font-size:x-small;justify-self:center;margin:.5rem 0;padding:.3rem;text-align:center;width:90%}.post-wrapper .signature{color:#fff;color:var(--clr-main);display:block;margin:.5rem 0;padding:.3rem 1rem}.portrait{border:3px dashed #fff;border-radius:100%;display:block;-webkit-filter:drop-shadow(0 0 15px #fff);filter:drop-shadow(0 0 15px white);margin:2rem auto auto;padding:.1rem;width:clamp(200px,50%,500px)}.error{align-content:center;display:grid;justify-items:center;min-height:40vh}
/*# sourceMappingURL=main.f39468e9.css.map*/