/* Base styles*/
body{
    font-family:Georgia, 'Times New Roman', Times, serif
    line-height:1.6px;
    color:blue;
    background-color:blanchedalmond;
    margin:0;
    padding:0;

}
header{
    background-color: darkorchid;
    color: bisque;
    padding: 20px;
    text-align: center;
}
h1{
    margin: 0;
    font-size: 28px;
    /*Navigation Menu*/
}
nav{
    background-color:pink;
    padding: 12px;
    text-align: center;
}
nav a{
    color: white;
    text-decoration: none;
    margin: 015px;
    font-size: 18px;
}
nav a:hover{
    color: #90cdf4;
}

hero section{
    background: color #1f2937;
    color: white;
    text-align: center; 
    padding: 50px20px;
    margin: 20px;
    border-radius: 10px;
}

.hero-section h2{
    font-size: 32px;
    margin-bottom: 15px;
}

.hero-section p{
font-size: 18px;
max-width: 600px;
margin: 0 auto 25px;
}

/*button style*/
.hero-section a{
    background-color: deeppink;
    color: whitesmoke;
    padding: 12px 30px;
    text-decoration: none;
    border-radius: 25px;
    font-size: 18px;
    display: inline-block;
}

.hero-section a:hover{
    background-color: #0369a1;
}

/*General Section Styling*/
section{
    max-width: 1000px;
    margin: 30px auto;
    padding: 0 20px;
}

/*CARD STYLE*/
.my-goal,.services,.who-iam,.background,.skills{
    background-color: white;
    padding: 25px;
    border-radius: 10px;
    border: 1px solid #ddd;
    margin-bottom: 25px;

}

/*WHAT I DO SECTION*/
.services h2{
    color: #1e3;
    margin-bottom: 20PX;
}

.SERVICES li{
    background-color: lightskyblue;
    padding: 12px 20px;
    margin-bottom: 10px;
    border-radius: 6px;
    list-style-position: inside;
}
/*PAGE TITLES*/
 .page-title{
    text-align: center;
    color: rgb(128, 0, 100);
    margin: 30px 0;
 }

 /*EDUCATION TABLE*/
 table{
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
 }

 th,td{
    border: 1px solid #ccc;
    padding: 12px;
    text-align: left;
 }
 th{
    background-color: rgb(189, 107, 182);
    color: #90cdf4;
 }

 /*SKILLS SECTION*/
 .skills ul{
    list-style-type: square;
 }
 .skills li{
    padding: 8px 0;
    font-size: 18px;
 }

 /*CONTACT FORM*/
 .contact-form{
    max-width: 600px;
    margin:0 auto;
    background-color: white;
    padding: 25px;
    border-radius: 10px;
    border: 1px solid #ddd;
 }
 
 .contact-form label{
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
 }

 .contact-form
 input(type="submit"){
    background-color:#1e3a5f;
    color:white;
    border:none;
    padding:12px;
    font-size:18px;
    cursor:pointer;
    border-radius:6px;
 }

 .contact-form
 input[type="submit"]:hover{
    background-color: #2c5282;
 }

 /*SIDEBAR*/
 aside{
    max-width: 1000px;
    margin: 30px auto;
    background-color: aqua;
    color: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
 }
 aside p {
margin: 8px 0;
font-size: 18px;
 }

 /*FOOTER*/
 footer{
    background-color: chocolate;
    color: khaki;
    text-align: center;
    padding: 20px;
    margin-top: 40px;
 }

 /*=====================RESPONSIVE============*/
 @media(max-width:768px){
    nav a{
        display: block;
        margin: 10px 0;
    }
    .hero-section{
        margin:10px;
        padding:30px 15px;
    }
 }