body{

background:#101016;
color:white;

font-family:'JetBrains Mono', monospace;

margin:0;

background-image:
radial-gradient(circle at top,#2d2d55 0,#101016 60%);
}

.container{

width:900px;

margin:auto;

padding:40px;
}

header{

text-align:center;

margin-bottom:40px;
}

h1{

font-size:50px;

color:#7efcff;

margin-bottom:5px;
}

.subtitle{

color:#bbbbbb;
}

nav{

margin-top:25px;
}

nav a{

text-decoration:none;

color:#7efcff;

margin:15px;

transition:.25s;
}

nav a:hover{

color:white;

text-shadow:0 0 10px cyan;
}

.hero{

display:flex;

gap:30px;

align-items:center;

margin-bottom:40px;
}

.profile{

width:200px;

border-radius:20px;

border:3px solid #7efcff;

box-shadow:0 0 20px cyan;
}

.card{

background:#181824;

padding:25px;

border-radius:15px;

margin-bottom:25px;

border-left:5px solid cyan;

box-shadow:0 0 15px rgba(0,255,255,.2);
}

.card h2{

margin-top:0;

color:#7efcff;
}

footer{

margin-top:50px;

text-align:center;

color:#888;
}