#nav{
   display:flex;
   flex-wrap:wrap;
   justify-content:space-between;
   align-items:center;
   background-color:#e6ffff;
   padding:10px;
   margin:15px;
}
#nav img{
   width:40px;
}
#nav p{
   font-weight:700;
}
#navul{
   display:flex;
   flex-wrap:wrap;
   gap:25px;
   list-style-type:none;
}
#navul li a{
   text-decoration:none;
   background-color:#1a1aff;
   color:#e6f2ff;
   padding:10px;
   border-radius:5px;
}
#navul li a:hover{
   background-color:#80b3ff;
}
#about{
   background: url("image/roadLight.jpg");
   background-repeat:no-repeat;
   background-position:center;
   background-size:cover;
   border-radius:5px;
   display:flex;
   flex-wrap:wrap;
   justify-content:space-between;
   align-items:center;
   margin:15px;
   padding:10px;
   min-height:450px;
}
#degree{
   font-weight:bold;
   font-size:25px;
   color:#a6a6a6;
}
#social{
   width:75px;
}
#social ul li{
   list-style-type:none;
}
.fa-brands{
   font-size:45px;
   color:#ffffb3;
   margin:20px 0;
}
#info{
   width:550px;
}
#info h1, #info h3{
   color:#e6ffe6;
   text-shadow: 2px 2px 1.5px #000080;
}
#info P{
   font-family: "Smooch Sans", sans-serif;
   color:#006600;
   background-color:#ffffff;
   padding:15px;
   border-radius:10px;
}
#info button{
   background-color:#3366cc;
   border:3px solid #ffffe6;
   border-radius:2px;
   padding:15px;
   margin:10px;
   box-shadow: 1.5px 1.5px 2px #4775d1;
}
#info button:hover{
   background-color:#66e0ff;
}
#info button a{
   text-decoration:none;
   color:#e6ffff;
}
#pic{
   width:220px;
}
#pic img{
   width:165px;
   border: 3px solid #a3297a;
   border-radius:5px;
   opacity:0.7;
}
#hobby{
   text-align:center;
   background-color:#ecc6d9;
   padding:15px;
   margin:15px;
   border-radius:5px;
}
#card img{
   width:175px;
   border-radius:5px;
}
#card{
   display:flex;
   flex-wrap:wrap;
   justify-content: space-around;
   align-items:center;
}
#card div{
   width:210px;
   background-color:#008ae6;
   padding:15px;
   border-radius:5px;
   box-shadow:1.5px 1.5px 3px #131a00;
}
#card div h4{
   color:#c2d1f0;
   text-shadow: 1.5px 1.5px 10px #000000;
}
#card div p{
   color:#b3ffff;
}
#education{
   background-color:#ccfff5;
   text-align:center;
   margin:15px;
   padding:15px;
   border-radius:5px;
}
#page{
   display:flex;
   flex-wrap:wrap;
   justify-content:space-around;
}
#page div{
   width:20%;
   text-align:center;
   margin:15px;
   padding:20px;
   background-color:#4dffc3;
}
#page div h4{
   color:#ff66a3;
}
#page div h6{
   color:#ffe6e6;
}
#hobby h1, #education h1{
   color:#006600;
   text-shadow: 1.5px 1.5px 5px #99e6e6;
}
#footer{
   background-color:#29a329;
   padding:15px;
   margin:15px;
   border-radius:5px;
   text-align:center;
   color:#f2ccff;
}
#footer h5{
   display:inline;
}
#footer i{
   font-size:20px;
   color:#D9EBA0;
}