* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "맑은 고딕", sans-serif;

    background: linear-gradient(
        135deg,
        #4facfe,
        #00f2fe
    );

    height: 100vh;

    display: flex;
    justify-content: center;
    align-items: center;
}

.container {
    width: 100%;
    display: flex;
    justify-content: center;
}

.profile-card {
    background: white;

    width: 400px;

    padding: 30px;

    border-radius: 20px;

    text-align: center;

    box-shadow: 0 10px 25px rgba(0,0,0,0.2);

    animation: fadeIn 1s ease;
}

.profile-image {
    width: 180px;
    height: 180px;

    border-radius: 50%;

    margin-bottom: 20px;

    object-fit: cover;
}

h1 {
    margin-bottom: 15px;
}

p {
    line-height: 1.6;
    margin-bottom: 20px;
}

button {
    padding: 12px 20px;

    border: none;

    border-radius: 10px;

    cursor: pointer;

    background: #4facfe;

    color: white;

    font-size: 16px;

    transition: 0.3s;
}

button:hover {
    background: #2980ff;
    transform: scale(1.05);
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}