body{

margin:0;
font-family:monospace;
color:white;
overflow:hidden;

}

#matrix{

position:fixed;
top:0;
left:0;

width:100%;
height:100%;

z-index:-1;

}

.container{

display:flex;
flex-direction:column;

align-items:center;

margin-top:60px;

text-align:center;

}

.avatar-container{

width:130px;
height:130px;

border-radius:50%;

border:4px solid #00ffae;

box-shadow:
0 0 20px #00ffae,
0 0 40px #00ffae;

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

margin-bottom:10px;

}

.avatar{

width:110px;
border-radius:50%;

animation:spinAvatar 8s linear infinite;

}

@keyframes spinAvatar{

0%{transform:rotateY(0deg)}
100%{transform:rotateY(360deg)}

}

.bio{

opacity:0.8;

}

.views{

margin-top:5px;
opacity:0.8;

}

.socials{

display:flex;
gap:15px;

margin-top:20px;

}

.socials a{

width:50px;
height:50px;

border-radius:50%;

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

border:2px solid #00ffae;

color:#00ffae;

font-size:20px;

transition:0.3s;

}

.socials a:hover{

background:#00ffae;
color:black;

box-shadow:
0 0 10px #00ffae,
0 0 25px #00ffae;

}

.card{

width:300px;

margin-top:20px;

padding:15px;

border-radius:12px;

background:rgba(0,0,0,0.7);

border:1px solid #00ffae;

box-shadow:
0 0 15px #00ffae;

transition:0.3s;

}

.card:hover{

transform:scale(1.05);

box-shadow:
0 0 25px #00ffae;

}

.music-player{

margin-top:25px;

width:320px;

padding:15px;

border-radius:12px;

background:rgba(0,0,0,0.8);

border:1px solid #00ffae;

box-shadow:
0 0 20px #00ffae;

}

.music-title{

margin-bottom:10px;

color:#00ffae;

}

#playBtn{

background:black;

border:2px solid #00ffae;

color:#00ffae;

width:50px;
height:50px;

border-radius:50%;

cursor:pointer;

font-size:18px;

transition:0.3s;

}

#playBtn:hover{

background:#00ffae;
color:black;

box-shadow:
0 0 15px #00ffae;

}

.progress-bar{

width:100%;

height:6px;

background:#111;

margin-top:12px;

border-radius:10px;

overflow:hidden;

}

#progress{

height:100%;

width:0%;

background:#00ffae;

box-shadow:
0 0 10px #00ffae;

}

.card{
text-decoration:none;
color:white;
}