styles.css

/* styles.css */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

header {
    background-color: #0c0c0c;
    color: #fff;
    padding: 30px ;
    font-size: 22px;
}

nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

nav ul li {
    display: inline;
    margin-right: 20px;
}

nav ul li a {
    color: #fff;
    text-decoration: none;
}

section {
    padding: 50px 0;
}

.container {
    width: 80%;
    margin: 0 auto;
}

.btn {
    display: inline-block;
    background-color:#4169E1;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 20px;
}

.hero-content {
    text-align: center;
    color:#980000;
}

.project {
    margin-bottom: 20px;
}

footer {
    
    color: #fff;
    text-align: center;
    
}
.profile {
    text-align: center;
    
}

.profile-image {
    width: 180px;
    height: 180px; 
    border-radius: 100%;
    margin: 0 auto 20px; 
    display: block;
    
}
#intro {
    color: rgb(1, 6, 8);
    font-family: Arial, Helvetica, sans-serif;
    font-size :25px ;
}
#wlcm {
    font-family: 'Roboto', sans-serif; 
    font-size: 25px;
    color: rgb(1, 6, 8);
}
#name{
    font-size: 45px;
}
/* styles.css */
.github-btn {
    background-color: #070000; /* Change the background color as desired */
    color: #fff; /* Change the text color as desired */
}

 .github-btn:hover {
    background-color: #555; /* Change the background color on hover */
}
#about {
    font-size: 18px; /* Change font size to 18 pixels */
    color: #333; }
    #about h2 {
        font-size: 40px; /* Adjust font size as needed */
       
    }
    #contact h2{
        font-size: 40px; /* Adjust font size as needed */
    }
    #contact{
        font-size: 18px; /* Change font size to 18 pixels */
    color: #333; 
    }
    footer {
        border-top: 1px solid #333;
        background-color: #fff;;
        color: #0c0c0c;
        padding: 20px 0;
        text-align: center;
        font-size: 18px;

    }
    footer a {
        color: #0c0c0c;
        text-decoration: none;
        margin: 0 10px;
    }
    #projects h2{
        font-size: 40px; 
    }