* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* header */


.header{
    width: 100%;
    margin: 0 auto;
    background-color: white;
    height: 90px;
}

h1{
    font-size: 30px;
    color: #000000;
}
header a{
    color: #000000;
}
a{
    color: aliceblue;
}
.headernav{ 
    font-size: 20px;
    text-align: center;
}



/* home */

.home{
    width: 100%;
    height: 850px;
    background-color: aliceblue;
    text-align: center;
    background-image: url('banner.png') ;
    background-position: center;
    background-size: cover;
}

.homehello{
    font-size: 30px;
    color: blue;
}

.name{
    font-size: 40px;
}

.wdname{
    font-size: 30px;
    color:gray;
}
/* about */

.about{
    max-width: 1200px;
    margin: 0 auto;
    height:730px;

}
.middle-container{
    max-width: 1200px;
    margin: 0 auto;
}
.logo{
    text-align: center;
}
.aboutme{
    text-align: center;
    font-size: 60px;
    color: rgb(3, 61, 3);
}


.aboutlist{
    font-size: 25px;
    text-align: center;
}

.aboutedu{
    text-align: center;
}

.aboutpara{
    font-size: 20px;
    text-align: center;
}

/* skill */

.skill{
    max-width: 1200px;
    margin: 0 auto;
    height: 800px;
    background-color:rgb(248 248 248);
    border: 1px solid gray;
}

.skillhead{
     text-align: center;
    font-size: 60px;
    color: rgb(3, 61, 3);
}
 
.tablediv{
    font-size: 40px;
    text-align: center;
}

table,th{
    width: 1200px;
    border:  1px solid rgb(185, 181, 181);
    text-align: center;
    font-size: 40px;
    border-collapse: collapse;
}

.skilllist{
    font-size:20px ;
    text-align: center;
}


/* contact */

.contact{
    max-width: 1200px;
    margin: 0 auto;
    height: 800px;
    background-color: white;
    text-align: center;
}

.contacthead{
     text-align: center;
    font-size: 60px;
    color: rgb(3, 61, 3);
}

/* footer*/

.footer{
    width: 100%;
    margin: 0 auto;
    background-color: #091043;
    height: 90px;
}

.footertext{
    color: aliceblue;
    text-align: center;
}