body{
    background-color: rgb(255, 255, 255);
}
.menu{
    background-color: #0a4db7;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    height: 60px;
}
.lang-dropdown {
    position: fixed;
    right:0;
    top:0;
    height:60px;
    display: inline-block;
}

.langbtn {
    padding: 6px 10px;
    border: none;
    border-radius: 6px;
    background: #0a4db7;
    cursor: pointer;
    transition: background-color 0.2s ease;
    height: 60px;
    width: 60px;
    font-size: larger;
}
.langbtn:hover {
    background-color: rgb(73, 123, 193);
}

.lang-submenu {
    position: absolute;
    top: 100%;
    right: 0;
    background:rgb(212, 213, 215);;
    border:1px solid rgb(255, 255, 255);;
    border-radius:6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition: opacity 0.2s ease, visibility 0.2s;
    z-index:999;
}
.lang-submenu button{
    width:100%;
    padding:10px 30px;
    border:none;
    border-radius: 5px;
    background:rgb(243, 244, 245);;
    text-align:left;
    cursor:pointer;
    transition: background-color 0.2s ease;
}
.lang-submenu button:hover{
    background:rgb(210, 210, 211);;
}

.lang-dropdown:hover .lang-submenu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}
.h1tit{
    color: #fbfcfc;
    position: absolute;
    top: -10px;
    left: 5px;
    font-weight: bloder;
}
.aboutme{
    background-color: #dee5ef;
    width: 95%;
    height: auto;
    margin: 0 auto;
    margin-top: 120px;
    border: 3px solid #0043ee;
    border-radius: 10px;
    text-align: center;
}
.projectsearch{
    background-color: #dee5ef;
    width: 95%;
    height: 200px;
    margin: 0 auto;
    margin-top: 30px;
    border: 3px solid #0043ee;
    border-radius: 10px;
    text-align: center;
}
.searchi{
    height: 30px;
    width: 260px;
    border: 2px solid #a8a9ab;
    border-radius: 15px 0px 0px 15px;
    font-size: 20px;
    margin-left: 10px;
}
.startsearch{
    margin-top: -60px;
    height: 35px;
    width:50px;
    border: 2px solid #a8a9ab;
    border-radius: 0px 15px 15px 0px;
    position: relative;
    top: -1px;
    left: -5px;
    cursor: pointer;
    background-color: #0a4db7;
}
.startsearch:hover{
    background-color: #4382e7;
}
.cont{
    background-color: #dee5ef;
    width: 95%;
    height: 130px;
    margin: 0 auto;
    margin-top: 30px;
    border: 3px solid #0043ee;
    border-radius: 10px;
    text-align: center;
}
footer{
    background-color: #0a4db7;
    width: 102%;
    height: 50px;
    margin: 0 auto;
    margin-top: 30px;
    position: relative;
    left: -7px;
    bottom: -7px;
}