html{
     font-size: 62.5%;
}

.menu{
     background-color: rgb(7, 56, 216);
     height: 11rem;
     border-radius: 2rem;
}
.menu h1{
     float:left;
     padding-left: 3rem;
     color: white;
     font-weight: bolder;
     font-size: 2.6rem;
}
.menu h1:hover{
     font-size:3.4rem;
}
.menu ul{
     overflow: auto;
}
.menu li{
     float: right;
     list-style: none;
     padding-top: 5rem;
}
.menu li a{
     font-size: 2rem;
     padding-right: 5rem;
     font-weight:bolder;
     color:white;
}
.menu li a:hover{
     font-size:2.8rem;
}
body{
     height:auto;
     background-image: url("work/design.jpg");
     width: 100%;
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: cover;
     /* opacity: 0.5; */
}
.top{
     opacity:4;
     top: 0px;
     left: 35%;
     width: 33%;
     position: relative;
     /* filter: blur(1px); */
     }
.top h1{
     text-align: center;
     color: black;
     margin-top: -33px;
     margin-left: -2%;
}
.top h1 span{
    color:#162a8d;
}
.lis{
     margin-bottom: 2rem;
}
.ul1{
     list-style: none;
}

.div2{
     background-color: rgb(49 47 153 / 30%);
     width: 50%;
     border-radius: 30rem;
     margin: auto;
     text-align:left;
     padding-left: 11rem;
     padding-top: .5rem;
     padding-bottom: 3rem;
     padding-right: 10rem;
     font-size: 1.8rem;
}
.div2 a{
     border: .1rem solid black;
     border-radius: 1.4rem;
     background-color:rgb(236, 235, 163);
     color:rgb(7 10 48);
     font-weight: bold;
     padding: 1.5rem;
     margin-top: 8.9rem;
     margin-left: 1.5rem;
}
.div2 p{
     padding-bottom: 2.5rem;
}
.div2 a:hover{
     color: black;
     background-color: rgb(93 192 238 / 20%);
     font-size: 1.8rem;
}



.foot{
     background-color:rgb(7, 56, 216);
     text-align: center;
     padding-top: 2rem;
     padding-bottom: 5rem;
     color: white;
     font-size: 2.3rem;
     font-weight: bold;
     margin-top: 3rem;
     border-top-right-radius: 3rem;
     border-radius: 3rem;
}
.ul1{
     list-style: none;
     padding:.1rem 2.5rem .3rem .4rem;
     padding-top: 2rem;
}
.li2{
     display: inline;
     padding-left: 4rem;
     color: white;
     /* padding-top: 15px; */
     /* padding-bottom: 15px; */
}
.li2 a i{
     color: white;
     font-size: 3.5rem;
}
/* @media(max-widht:500px){
     html {
          font-size: 50%;
     }
}
@media(max-widht:268px){
     html {
          font-size: 45%;
     }
} */