body{
background:#f4f6f9;
font-family:Arial, sans-serif;
}

.card{
border:none;
border-radius:10px;
}

.preview-area{
min-height:500px;
background:white;
padding:20px;
border-radius:8px;
border:1px solid #e2e2e2;
}

.skill{
display:inline-block;
background:#0d6efd;
color:white;
padding:6px 12px;
margin:4px;
border-radius:20px;
font-size:14px;
}

.project-item{
padding:6px 0;
border-bottom:1px solid #eee;
}

.footer{
margin-top:40px;
text-align:center;
padding:20px;
background:#111;
color:white;
font-size:14px;
}

.theme-selector{
display:flex;
gap:10px;
margin-top:5px;
}

.theme-card{
flex:1;
padding:10px;
text-align:center;
border:2px solid #ddd;
border-radius:8px;
cursor:pointer;
font-weight:bold;
}

.theme-card:hover

.theme-card.active{
background:#0d6efd;
color:white;
border-color:#0d6efd;
}