body {background-color:#1E0F18 ;}

* {margin: 0;
  padding: 0;}



@font-face {
    font-family:font ;
    src: url(fonts/poppins/Poppins-Regular.ttf);
}

p {font-family: font;
    color: #fff6c9;
    font-size: 1.2vw;
}

@font-face {
    font-family:fontsemi ;
    src: url(fonts/poppins/Poppins-SemiBold.ttf);
}

@font-face {
    font-family: fontbold;
    src: url(fonts/poppins/Poppins-Bold.ttf);
}

@font-face {
    font-family:fontitalic ;
    src: url(fonts/poppins/Poppins-MediumItalic.ttf);
}


header {position: fixed;
    z-index: 9999;
    top: 0;
}

    Nav {position: fixed;
    display: flex;
flex-direction: row;
justify-content: space-evenly;
align-items: center;
background-color:#342c31 ;
width: 100%;}

.logo {width: 6%;
padding: 1%;}


ul {  display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
gap: 6%;
width: 60%;}

    li {font-family: font;
        font-size: 1.67vw;

color: rgb(239, 239, 239);
list-style: none;}

.home {
padding-top: 25%;
display: flex;
width: 100%;
margin: 0 auto;
align-items: center;
justify-content: center;

}

.potfolio {width: 86%;
}

.group {display: flex;
flex-direction: column;
justify-content: center;
align-items: center;}

.stayaway {display: flex;
justify-content: space-between;
gap: 406px;
flex-direction: row;
align-items: center;
}

.qoute {font-family: fontitalic;
color: #fff;
font-size: 3.1vw;
}

.lang-toggle {
    position: fixed;
    top: 1rem;
    right: 1rem;
    background-color: #342c31;
    color: #fff6c9;
    border: 1px solid #fff6c9;
    padding: 0.6rem 1.2rem;
    border-radius: 20px;
    cursor: pointer;
    font-family: fontsemi;
    font-size: 1rem;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px rgba(255, 246, 201, 0.15);
    z-index: 10000;
  }

  .lang-toggle:hover {
    background-color: #fff6c9;
    color: #1E0F18;
    box-shadow: 0 0 18px rgba(255, 246, 201, 0.4);
    transform: scale(1.05);
  }














.about {width: 90%;
background-color: rgba(95, 158, 160, 0.315);
margin: 4% auto;
display: flex;
flex-direction: column;
overflow: hidden;
}

.aboutme {width: 16%;}

.gg {width: 29%;
    float: right;
    margin-right: -20px;
z-index: 6;
}

h4 {color: #fff;
font-family:fontsemi ;
font-size:2.3vw ;}

.bio {color: #fff;
    font-family:font ;
    font-size: 1.25vw;
    width: 45%;
}

a{list-style-type: none;


}

.articletitle {width: 95%;
margin: 9% auto;
text-align: center;}

h1 {color: #FDF0AB;
font-family: fontbold;}

h2 {color: #fff;
font-family: fontsemi;}

.paragraphbox {width:85% ;
background-color:#342c31 ;
border-radius: 40px;
padding: 3%;
margin: 2% auto;
text-align: center;}