@import"https://fonts.googleapis.com/css2?family=Nunito:wght@500&display=swap";html{overflow-x:hidden}#loader{width:34px;height:34px;border:3px solid #ffffff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation .7s linear infinite}body{background-color:#000}#carga{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:1;opacity:1;pointer-events:none;justify-content:center;align-items:center;display:flex;flex-direction:column;transition:.5s}#carga.active{opacity:0}:root{width:100%;height:100%;margin:0;padding:0;text-align:center;--materialyou: #ffffff;-webkit-tap-highlight-color:rgba(0,0,0,0);--colorfondo: #000000}#root{transition:.5s;scale:0}#root.activ{scale:1}body{background-color:var(--colorfondo);transition:1s}.card{padding:2em}.titulo img{width:350px}.titulo h1{font-size:25px}.container{width:324px;height:auto;margin:10px 0;transition:1s;text-align:left}.container img{border-radius:40px}.espaciado{width:324px;display:flex;justify-content:space-between;align-items:center;margin:5px 0}.container p{font-size:15px;margin:1px}#post{border-radius:12px;border:2px solid var(--materialyou);width:300px;height:auto;padding:10px;margin:10px 0;text-align:left;word-wrap:break-word;transition:1s;line-height:1.1}#overlay{margin-top:10px;background-color:#f000;z-index:1;opacity:1;pointer-events:none;justify-content:center;align-items:center;display:flex;flex-direction:column;transition:1s;animation:rotationov 2s linear infinite}@keyframes efect{0%{opacity:0}to{opacity:1}}#overlay img{border-radius:0;transform:rotateY(0);transition:.5s;transform:rotateY(0) scale(1)}#overlay.active img{animation:none;transform:rotateY(360deg)scale(1.3)}@keyframes rotationov{0%{opacity:0}50%{opacity:1}to{opacity:0}}#comentarios{border-radius:20px;border:2px solid var(--materialyou);width:260px;padding:10px;margin:6px 10px;text-align:left;word-wrap:break-word;transition:1s;line-height:1.1}#interaccion{display:flex;font-size:14px;height:25px}#interaccion p{margin:2px}svg{cursor:pointer;fill:var(--materialyou)}#post img{margin:0 3px;cursor:pointer;stroke:var(--materialyou);fill:var(--materialyou);color:var(--materialyou)}#post>p{margin:2px;font-size:16px}textarea{border-radius:0 30px;padding:5px;resize:none;font-size:15px;background:none;width:260px;font-family:Arial,Helvetica,sans-serif;color:#fff;outline:none}.container h1,#post h1{font-size:20px;margin:3px 0}#comentarios h1{font-size:17px;margin:3px 0}select{outline:none;border:2px solid var(--materialyou);background:var(--colorfondo);border-radius:10px;padding:3px;color:var(--materialyou)}#comentarios p{font-size:15px;margin:1px 0}#menu{display:flex;justify-content:space-evenly}#menu button{width:60px;transition:.5s ease-in-out;border-radius:30px;-webkit-user-select:none;user-select:none}#menu button:hover{background-color:#fff}button{color:#000;border-radius:50%;border:2px solid white;width:40px;margin:0 2px;padding:5px 0 0;height:40px;font-family:inherit;background-color:#fff;cursor:pointer;transition:.5s;border:none;-webkit-user-select:none;user-select:none}#chat{display:flex;align-items:end;padding:4px;border:2px solid var(--materialyou);border-radius:0 30px}h1{color:var(--materialyou);transition:1s}.read-the-docs{color:#888}.loader{width:48px;height:48px;border:5px solid #fff;border-bottom-color:transparent;border-radius:50%;display:flex;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}p,span{color:#fff}#caja{border-radius:10px;width:320px;height:400px;margin:10px 0;display:flex;align-items:center;flex-direction:column-reverse;overflow-y:scroll}.comment-box{width:300px;background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;padding:12px;font-family:Arial,sans-serif}.title{font-size:16px;font-weight:700;margin-bottom:10px}input{width:80%;border-radius:10px;outline:none;border:2px solid #ffffff;background-color:#000;padding:5px;color:#fff}:root{font-family:Nunito;line-height:1.5;font-weight:400;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;flex-direction:column;place-items:center;width:100%;height:100%}h1{font-size:3em;line-height:1.1}#mas button{width:100px;border-radius:40px;font-size:15px}