*{
box-sizing:border-box;
font-family:system-ui
}

body{
margin:0;
background:#0f172a;
color:white
}

.cover img{
width:100%;
height:400px;
object-fit:contain
}

.top-actions{
position:absolute;
top:10px;
right:10px
}

.container{
max-width:520px;
margin:auto;
padding:20px
}

.profile{
width:120px;
height:120px;
border-radius:50%;
margin-top:-60px;
border:4px solid white;
object-fit: cover;
}

.btn{
text-align: center;
display:block;
padding:14px;
margin:10px 0;
background:#2563eb;
color:white;
text-decoration:none;
border-radius:12px;
transition:.3s
}

.btn:hover{
transform:scale(1.05)
}

.project{
padding:12px;
background:#1e293b;
border-radius:10px;
margin-bottom:10px
}

iframe{
width:100%;
height:200px;
border:none;
border-radius:10px
}

.admin{
position:fixed;
bottom:0;
left:0;
right:0;
background:black;
padding:20px
}

.admin textarea{
width:100%;
height:200px
}

.hidden{
display:none
}

.light{
background:white;
color:black
}
.actions{
    padding: 0 20px;
display:flex;
justify-content: space-between;
align-items: center;
}