body{

    margin: 0;
    font-family: "Arial", sans-serif;
    background: linear-gradient(120deg, rgb(56, 8, 83), rgb(199, 170, 223));
    color: rgb(255, 255, 255);
    display: flex;    
    flex-direction: column;
    align-items: center;
}

header{

    text-align: center;
    padding: 200px;

}

header img {

    width: 375PX;
    height: 400px;
    border-radius: 70%;
    border: 4px solid rgb(255, 255, 255);

}

header h1{

    margin: 15px 0 5px;
    font-size: 30px;

}

header p{

    margin: 2px;
    font-size: 16px;
}

main{

    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 80%;
    max-width: 400px;

}

.card{

    background: rgba(80, 0, 100, 0.1);
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    transition: transform 0.2s ease;

}

.card:hover{

    transform: scale(1.05);

}

.card h2{

    margin-bottom: 10px;
}

.card a{

    display: inline-block;
    margin-top: 10px;
    padding: 10px 20px;
    background: #ffffffb9;
    text-decoration: none;
    border-radius: 8px;
    font-weight: bold;

}

footer{

    margin: 30px 0px;
    font-size: 14px;
}