body{

background:#0b0f14;
color:#e6edf3;
font-family: monospace;
margin:0;
padding:40px;

}

.container{

max-width:900px;
margin:auto;

}

header{

text-align:center;
margin-bottom:40px;

}

.profile{

width:140px;
height:140px;

border-radius:50%;

object-fit:cover;

border:2px solid #3b82f6;

box-shadow:0 0 20px rgba(59,130,246,0.5);

margin-bottom:15px;

}

.subtitle{

color:#8b949e;

}

.terminal{

background:#11161c;

padding:30px;

border-radius:10px;

border:1px solid #1f2937;

}

p{

margin:8px 0;

}

.output{

color:#9ecbff;

padding-left:20px;

}

.project{

margin-top:20px;

padding:15px;

background:#0f141a;

border:1px solid #1f2937;

border-radius:8px;

}

.project h3{

margin-top:0;

}

.project a{

color:#3b82f6;

text-decoration:none;

font-weight:bold;

}

.project a:hover{

text-decoration:underline;

}

/* RESPONSIVO */

@media (max-width:768px){

body{

padding:20px;

}

h1{

font-size:24px;

}

.profile{

width:100px;
height:100px;

}

.terminal{

padding:20px;

}

.project{

padding:12px;

}

}