/*basic styles */
body{
   font-family: Arial, Helvetica, sans-serif;
   line-height:1.6;
   color:rgb(206, 55, 223);
   background-color:rgba(92, 218, 20, 0.246);
   margin:0 auto;
   width:1200px;
}
/*header(top of the page)*/
header{
    background-color:rgb(118, 197, 184);
    color: rgb(104, 190, 179);
    padding:20px;
    text-align:center;
}
header h1{
    margin:0;
    font: size 28px;
}

/*hero section(welcome to my webpage)*/
hero-section{
    background-color: rgb(78, 65, 87);
    color:rgb(195, 197, 58);
    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;
}

/*education background table*/
table{
    width:100%;
    border-collapse:collapse;
    margin-top: 15px;
}
th,td{
    border:ipxsolid#ccc;
    padding:12px;
    text-align:left;
}
th{
    background-color: rgb(186, 200, 199);
    color: blue;
}
/*skills section*/
.skills, .hobbies ul{
    list-style-type:square;
}
/*footer*/
footer{
    background-color:rgb(247, 17, 235);
    color: rgb(31, 31, 28);
    text-align:center;
    padding:20px;
    margin: 40px;
}