*{
margin:0;
padding:0;
font-family:'Poppins', sans-serif;
text-decoration:none;
list-style:none;
box-sizing:border-box;
outline:none;
border:none;
transition:all .2s ease;
}

*::selection{
background:#daa520;
color:#fff;
text-shadow:2px 2px 4px #010101;

}

section{
padding:2rem 9%;
}

html::-webkit-scrollbar{
width:1rem;
background:#f5f0f0;
padding:.0 .2rem;
}

html::-webkit-scrollbar-thumb{
background:#daa520;
}

html::-webkit-scrollbar-thumb:hover{
background:#010101;
}

html{
font-size:62.5%;
scroll-behavior:smooth;
scroll-padding-top:6rem;
overflow-x:hidden;
background:#f5f0f0;
}

header{
position:fixed;
top:0;
left:0;
right:0;
background:#f5f0f0;
padding:2rem 9%;
display:flex;
align-items:center;
justify-content:space-between;
z-index:1000;
box-shadow:0 .1rem .2rem #010101;
}


.logo{
font-size:3.5rem;
color:#010101;
font-weight:1000;
}

.logo span{
color:#daa520;
}

.navbar a{
font-size:2rem;
padding:0 1.6rem;
color:#010101;
font-weight:500;
}


.navbar a:hover{
color:#daa520;
}


.icons a{
margin-left:1.6rem;

}

.icons img{
border-radius:4px;
transition:.7s ease;
}

header .icons img:hover{
transform:translateY(-6px);
}


#Menu{
display:none;
cursor:pointer;
}


header .la{
font-size:3rem;

display:none;
}

.home{
display:flex;
align-items:center;
min-height:100vh;
background:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0)) ,url(overlay.png) no-repeat;
background-size:cover;
background-position:center;
}

.home .content{
max-width:50rem;
}

.home .content h3{
font-size:5rem;
color:#fff;
padding:1rem 0;
font-weight:1000;
}

.home .content p{
font-size:2.2rem;
color:#171717;
padding:1rem 0;
}

.btn{
display:inline-block;
border-radius:.6rem;
background:#daa520;
color:#fff;
padding:.9rem 3.5rem;
font-size:1.7rem;
margin-top:1rem;
}

.btn:hover{
background:#010101;
color:#fff;
}

.heading{
text-align:center;
font-size:4rem;
font-weight:1000;
color:#010101;
padding:1rem;
margin:2rem 0;
}

.about .row{
display:flex;
align-items:center;
gap:3rem;
flex-wrap:wrap;
padding:2rem 0;
padding-bottom:2rem;
}

.about .row .content{
flex:1 1 40rem;
}

.about .row .content h3{
font-size:3rem;
}

.about .row .content p{
font-size:1.7rem;
color:#777;
padding:.5rem 0;
padding-top:1rem;
}

.about .row .image-container{
flex:1 1 40rem;
position:relative;
}

.about .row .image-container h3{
position:absolute;
top:50%;
transform:translateY(-50%);
font-size:3rem;
background:#f5f0f0;
width:100%;
padding:1rem 2rem;
text-align:center;
mix-blend-mode:screen;
font-weight:1000;
}

.about .row .image-container img{
width:100%;
border-radius:15px;
height:100%;
object-fit:cover;

}

.team .box-team{
display:flex;
flex-wrap:wrap;
gap:1.5rem;
}


.team .box-team .box{
flex:1 1 30rem;
padding:3rem 2rem;
position:relative;
border-radius:15px;
margin-right:1.4rem;
background:#fff;
}

.team .box-team .box:hover{
box-shadow:0 .2rem .3rem #010101;
}

.team .box-team .box p{
color:#777;
font-size:2rem;
padding-top:2rem;
}

.team .box-team .box .user{
display:flex;
align-items:center;
padding-top:2rem;
}

.team .box-team .box .user img{
height:6rem;
width:6rem;
object-fit:cover;
margin-right:1rem;
}

.team .box-team .box .user h3{
font-size:2rem;
}

.footer{
background:#010101;
border-top:1px solid #daa520;
}

.footer .box-container{
display:flex;
flex-wrap:wrap;
gap:1.5rem;
}


.footer .box-container .box{
flex:1 1 25rem;
}

.footer .box-container .box h3{
color:#fff;
font-size:2.5rem;
padding:1rem 0;
}

.footer .box-container .box p{
display:flex;
color:#777;
font-size:1.7rem;
padding:1rem 0;
}

.copyright{
padding:26px;
text-align:center;
background:#010101;
}

.copyright p{
color:#777;
font-size:1.7rem;
}


@media (max-width:991px){
html{
font-size:55%;
}

header{
padding:2.7rem;
}

section{
padding:2.7rem;
}

.home{
background-position:left;
}
}



@media (max-width:768px){


.navbar{
position:absolute;
top:100%;
left:-100%;
width:100%;
height:100vh;
display:flex;
flex-flow:column;
background:#f5f0f0;
row-gap:.5rem;
text-align:left;
transition:.2s;
}

#Menu{
display:block;
}

header .navbar a{
margin:1.6rem;
padding:1.6rem;
display:block;
border-radius:.6rem;
}

header .navbar a:hover{
background:#daa520;
color:#fff;
}

.home .content h3{
font-size:4rem;
}
}



@media (max-width:450px){
html{
font-size:50%;
}
}