.main-container{max-width:400px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center;font-family:Arial,sans-serif}.top{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:1rem}.sign-in-button{background-color:#1da1f2;color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;border-radius:25px;cursor:pointer;transition:background-color .3s ease}.sign-in-button:hover{background-color:#0c85d0}.user-name{font-size:1.2rem;font-weight:700;color:#333}.user-image{width:100px;height:100px;border-radius:50%;margin-top:1rem;border:3px solid #1da1f2}.logout-button{background-color:#e0245e;color:#fff;border:none;padding:.5rem 1rem;font-size:.9rem;border-radius:20px;cursor:pointer;transition:background-color .3s ease;margin-top:1rem}.logout-button:hover{background-color:#c51f5d}.user-info{margin-top:1rem;display:flex;flex-direction:column;align-items:center}