@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap');


body{
margin-top:0px;
width:cover;
height:auto;
z-index:-5;
background-color: #111;
padding-bottom:5%;
overflow-x:hidden !important;
background-attachment: fixed;
scroll-behavior: smooth !important;
background-position:absolute;
background-size:cover;
background-repeat: no-repeat;
clear:both;
postion:relative;
}
#logo{
width:57%;
margin-right:120px;
marin-laft:auto;
height:90%;
float:right;
margin-top:17px;
z-index:10;

}
.logo{
margin-right:auto;
margin-left:auto;
float:left;
z-index:10;
}
.social{
width:10%;
height:120px;
float:left !important;
margin-left:2%;
margin-top:0vh;
z-index:10;
}




.box{
width:102%!important;
height:190px;
max-height:190px;
overflow:hidden;
clear:both;
font-optical-sizing: auto;
position: fixed;
text-align:center;
display:row;
background-color: black;
left: 0;
top: 0%;
z-index:10;
}

.facebooK{
padding-left:20%;

}
.insta{
padding-left:20%;
}
p{
font-family:lexend;
font-size:2.2vh; 
z-index:0;
color:white;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-bottom:2%;
width:60vw;
padding-bottom:5%;
}


h3{
font-family:lexend;
text-align:center;
font-size:3em;
font-weight:300;
color:white;
}
h2{
font-family:lexend;
text-align:center;
font-size:2rem;
font-weight:300;
font-optical-sizing: auto;
width:100%;
margin-top:auto;
margin-bottom:auto;
}
name{
font-family:lexend;
color:black;
}
.box{
width:102%!important;
height:190px;
max-height:190px;
overflow:hidden;
clear:both;
font-optical-sizing: auto;
position: fixed;
text-align:center;
display:row;
background-color: black;
left: 0;
top: 0%;
z-index:5;
}
h1{
font-family:lexend;
color:white;
font-size:20;
line-height: 1.6;
padding-top:20vh;
}

#contactform{
height:70vh;
width:auto;
max-width:900px;
z-ndex:1000;
margin-top:190px;
margin-right:18%;
margin-left:auto;
color:white;
position:relative;
padding-top:10.2%;
padding-bottom:10%;
padding-right:2%;
padding-left:2%;
margin-bottom:150px;
opacity: 0.7;
border-radius:14px;
z-index:-2;
	overflow: scroll;}
#contactform {scrollbar-width: none;
  overflow: -moz-scrollbars-none;
	-ms-overflow-style: none;}
#contactform::-webkit-scrollbar {
  width: 0;
  display: none;
}
.footer{ 
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
padding-top:1%;
padding-bottom:1%;
  background-color:black;
  color: white;
  text-align: center;
z-index:10;
}