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

header{
    background-color: cornflowerblue;
    color: white;
    padding: 20px;
    text-align: center;
}

header h1{
    margin:0;
    font-size:28px;
}

navigation menu{
    background-color: tomato;
    padding:15px;
    text-align:center;
}

nav a {
    color:pink;
    text-decoration:none;
    margin:15px;
    font-size:18px;
}

nav a :hover{
    color: hotpink;

}

hero section{
    background-color: khaki;
    color:purple;
    text-align:center;
    padding:50px 20px;
    margin:20px;
    border-radius:10px;
}

h2{
    font-size:32px;
    margin-bottom:15px;
}
hero-section p{
    font-size:18px;
    max-width:500px;
    margin:0 auto 25px;
}

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

hero-section a:hover{
    background-color:tomato;
}

mission{
    max-width:1000px;
    margin:30px auto;
    padding:20px;
}

.my-goal,.services,.whoiam,.background,.skills{
    background-color:goldenrod;
    padding:25px;
    border-radius:10px;
    border: 1px solid;
    margin-bottom: 25px;
}
services h2{
    color:black;
    margin-bottom:20px;
}

.services li{
    background-color: blanchedalmond;
    padding:12px 20px;
    margin-bottom:10px;
    border-radius:6px;
    list-style-position:inside;
    
}

 .Contact Me{
    text-align:center;
    color: blue;
    margin:30px 0;
}
  Education Backgound{
      width:100%;
      border-collapse:collapse;
      margin-top:15px;
  }
  th,td{
      border:1px solid#ccc;
      padding:12px;
      text-align:left;
  }
  th{
      background-color: cadetblue;
      color:red;
  }
  .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:blueviolet;
      padding:25px;
      border-radius:10px;
      border:1 px solid #ddd;

  }
  .Contact-form lable{
      display:block;
      margin-bottom:15px;
      font-weight:bold;
  }
  .Contact-form input,
  .Contact-form textarea{

    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid#ccc;
    border-radius: 6px;
    font-size: 16px;
  }
  .Contact-form input [type="submt"]{

  
      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:#1e3a5f;
      color: white;
      padding:20px;
      border-radius:10px;
      text-align:center;
  }
  aside p{
      margin: 8px;
      font-size:18px;
  }
  /*footer*/
  footer{
  background-color:#1e3a5f;
  color:#ccc;
  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;}
  }