style.css

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap');
*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;}body{background-color:#f5f8fa;}
header{background-color:#1da1f2;padding:10px 20px;}nav{display:flex;justify-content:flex-end;}
.nav-link{color:white;text-decoration:none;margin-left:20px;transition:color .3s ease;}
.nav-link:hover{color:#f5f8fa;}.container{max-width:600px;margin:0 auto;padding:20px;}
h1{background-color:#1da1f2;color:white;padding:20px;margin-bottom:20px;text-align:center;border-radius:5px;animation:fadeIn 1s ease;}
form{background-color:white;border:1px solid #e1e8ed;padding:20px;border-radius:5px;margin-bottom:20px;animation:fadeIn 1s ease .5s;animation-fill-mode:both;}
label{display:block;margin-bottom:5px;}input[type="email"]{width:100%;padding:10px;margin-bottom:10px;border:1px solid #e1e8ed;border-radius:3px;}
button{background-color:#1da1f2;color:white;padding:10px;border:none;border-radius:3px;cursor:pointer;display:block;width:100%;transition:background-color .3s ease;}
button:hover{background-color:#0e80c2;}
footer{background-color:#1da1f2;color:white;padding:10px 20px;text-align:center;}footer a{color:white;text-decoration:none;transition:color .3s ease;}
footer a:hover{color:#f5f8fa;}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px);}100%{opacity:1;transform:translateY(0);}}

table {
    background-color: white;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
    animation: fadeIn 1s ease 1s;
    animation-fill-mode: both;
}

th, td {
    padding: 10px;
    text-align: left;
    border: 1px solid #e1e8ed;
}

th {
    background-color: #f5f8fa;
    font-weight: 500;
}