body{
    background:linear-gradient(to right, #ffafbd,#ffc3a0); /* linear-gradient: hàm tạo nền chuyển màu tuyến tính(màu này chuyển sang màu khác)*/
    font-family:'Segoe UI',sans-serif; /*font chữ */
    text-align: center;
    padding-top:150px; /* tạo khoảng trống bên trong phần tử tính từ top xuống nd của nó*/
}

.card{
    background: white;
    border-radius:80px;/* border: Viền | radius:bán kính */
    width: 400px; /* xác định chiều ngang */
    margin: auto; /* căn giữa phần tử trong vùng chứa (bắt buộc có width) */
    padding:30px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);/* Tạo hiệu ứng bóng đổ*/
    /*box-shadow: offset-x offset-y blur-radius color*/
}

h1{
    color:#ff4081;
}

h2{
    color:#333;
}

p{
    color:#555;
}

button{
    background-color: #ff4081;
    color: white;
    border: none; /* xóa viền */
    padding: 10px 20px;
    border-radius: 10px;
    cursor: pointer;/*di chuột vào phần tử sẽ biến thành bàn tay*/
    font-size:16px;
}

button:hover{
    background-color: #e73370;
}

.hidden{
    display: none;
}