li{list-style:none}a{text-decoration:none}body{background-color:#b02e2e;min-height:100vh}.container,body{align-items:center;display:flex;justify-content:center}.container{height:500px;position:relative;width:500px}.container .toggle-menu{align-items:center;background-color:#fff;border-radius:50%;box-shadow:4px 4px 16px #0003;cursor:pointer;display:flex;justify-content:center;max-height:200px;max-width:200px;transition:.3s ease;z-index:20}.container.active .toggle-menu{transform:rotate(45deg)}.container .toggle-menu:hover{box-shadow:none}.container .menu,.container .menu li{height:100%;left:0;position:absolute;top:0;width:100%}.container .menu li{pointer-events:none;transform:rotate(calc(72deg*var(--i)))}.container .menu li a{align-items:center;background-color:#fff;border-radius:50%;color:#401313;display:flex;font-size:16px;height:50px;justify-content:center;left:50%;padding:2%;pointer-events:visible;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(calc(-72deg*var(--i) + 60deg));transition:.3s ease;width:50px}.container.active .menu li a{box-shadow:4px 4px 16px #0003;top:0;transform:translateX(-50%) rotate(calc(-72deg*var(--i)))}.container .menu li a:hover{box-shadow:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}h2{display:flex;justify-content:center;padding-bottom:20px}.memeContainer{background:#fff;border-radius:3%;max-height:500px;max-width:500px;padding:50px}img{height:100%;width:100%}a{display:flex;justify-content:center;padding-top:20px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.memeContainer{align-items:center;display:flex;justify-content:center}.memeContainer,.memeContainer2{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:600px;overflow:hidden;padding:1rem;width:100%}.memeContainer img{border-radius:10px;height:auto;object-fit:cover;width:100%}h2{color:#9e643e;font-size:1.5rem;margin-bottom:1rem;text-align:center}.back-button{background-color:#a02828;border-radius:20px;color:#fff;display:block;font-weight:700;margin:1rem auto;max-width:200px}.back-button:hover{background-color:#870e0e}.feed-container{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;max-width:800px;padding:2rem;width:100%}.feed-container h1{color:#333;margin-bottom:1rem}.post{border:1px solid #ccc;display:flex;flex-direction:column;margin-bottom:1rem}.post h2{margin-bottom:.5rem}.post p{color:#333;margin-bottom:1rem}.post-footer{align-items:center}.post-footer button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s}.like-button{background-color:#f2721d;color:#fff}.like-button:hover{background-color:#590808}@media (max-width:600px){.feed-container{margin:1rem;padding:1rem}.post{margin-bottom:.5rem;padding:.5rem}.post h2{font-size:1rem}.post p{font-size:.9rem}}.login-register-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;margin:auto;padding:2rem}.login-register-container h2{color:#333;margin-bottom:1rem}p{padding-top:15px;text-align:center}.input-field{border:.5px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:1rem;padding:.5rem}.back-button,.login-button{border:none;border-radius:4px;box-sizing:border-box;cursor:pointer;font-size:1rem;margin-top:.3rem;padding:.75rem;transition:background-color .3s;width:100%}.login-button{background-color:#b02e2e;color:#fff}.login-button:hover{background-color:#a02828}.posts-container{align-items:center;background-color:#fff;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;margin:0 auto;max-width:600px;text-align:center}.input-field,.posts-container{border-radius:10px;padding:1rem;width:100%}.input-field{border:1px solid #ddd;font-size:1rem;height:100px;margin-bottom:.5rem;resize:none;transition:border-color .3s}.input-field:focus{border-color:#a02828;outline:none}.submit-button{background-color:#a02828;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;min-width:100px;padding:.5rem 1rem;text-align:center;transition:background-color .3s}.submit-button:hover{background-color:#870e0e}.tweets-list{width:100%}.tweet-item{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;margin:1rem 0;padding:1rem;width:100%}.tweet-header{align-items:center;display:flex;margin-bottom:.5rem}.tweet-avatar{border-radius:50%;height:40px;margin-right:.5rem;width:40px}.tweet-username{color:#333;font-weight:700}.tweet-content{color:#555;font-size:1rem}.tweet-actions{display:flex;justify-content:space-between;margin-top:.5rem}.tweet-action{color:#a02828;cursor:pointer;font-weight:700}.tweet-action:hover{text-decoration:underline}.back-button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;margin-top:.5rem;padding:.75rem;transition:background-color .3s;width:100%}@media (max-width:600px){.posts-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:2rem;width:100%}.input-field{height:auto}.submit-button{padding:.5rem 1rem}}body,html{font-family:Arial,sans-serif;margin:0;padding:0}.myposts-container{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;max-width:600px;padding:2rem;width:100%}h1{color:#333;font-size:1.5rem;margin:0;padding:10px 0;text-align:center}.post{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:1rem 0;padding:1rem;width:100%}.post h2{color:#333;font-size:1.2rem;margin:0}.post p{color:#555;font-size:1rem;margin:.5rem 0}.post-footer{display:flex;justify-content:space-between;margin-top:.5rem}.back-button,.like-button,.post-button{background-color:#a02828;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.5rem 1rem;text-align:center;transition:background-color .3s}.back-button:hover,.like-button:hover,.post-button:hover{background-color:#870e0e}.post-button{margin-top:1rem;width:100%}@media (max-width:600px){.myposts-container{margin:1rem;padding:1rem}h1{font-size:1.2rem}.post{margin:.5rem 0;padding:.5rem}.post h2{font-size:1rem}.post p{font-size:.9rem}.back-button,.like-button,.post-button{font-size:.9rem;padding:.4rem .8rem}.post-button{margin-top:.5rem}}@media (min-width:601px){.myposts-container{max-width:800px}h1{font-size:2rem}.post{margin:1.5rem 0;padding:1.5rem}.post h2{font-size:1.5rem}.post p{font-size:1.2rem}.back-button,.like-button,.post-button{font-size:1.2rem;padding:.6rem 1.2rem}.post-button{margin-top:1.5rem}}.identificacion-container{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;margin:2rem auto;max-width:800px;padding:2rem;width:100%}.identificacion-container h2,.identificacion-container p{color:#333;margin-bottom:1rem}.identificacion-container p{font-size:1rem}.back-button,.logout-button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;margin-top:.5rem;padding:.5rem 1rem;transition:background-color .3s;width:100%}.back-button{background-color:#ccc;color:#333}.back-button:hover{background-color:#bbb}.logout-button{background-color:#f2721d;color:#fff}.logout-button:hover{background-color:#d2540d}@media (max-width:600px){.identificacion-container{padding:1rem}.back-button,.logout-button{width:auto}}
/*# sourceMappingURL=main.c14b1506.css.map*/