*{

box-sizing:border-box;

}


body{


margin:0;


height:100vh;


background:
linear-gradient(
135deg,
#141e30,
#243b55
);


font-family:
Arial;


color:white;


}



.container{


width:700px;


margin:80px auto;


text-align:center;


}



h1{


font-size:60px;


}



p{


font-size:20px;


opacity:0.8;


}



button{


margin:30px;


padding:15px 40px;


border:none;


border-radius:30px;


font-size:18px;


cursor:pointer;


}



.skills{


display:flex;


justify-content:center;


gap:20px;


}



.card{


background:white;


color:#222;


padding:30px;


border-radius:20px;


transition:0.3s;


}



.card:hover{


transform:
translateY(-10px);


}



.project{


margin-top:20px;


background:
rgba(255,255,255,0.15);


padding:30px;


border-radius:20px;


font-size:20px;


}