input button{
padding: 10px;
border: 1px solid; 
background-color: blanchedalmond  

}  



body{
min-height: 100vh;
background-color:blanchedalmond;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

nav{
	background-color:blanchedalmond;
box-shadow: 3px 3px 5px rgba(black);
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: baseline;
	align-content: center;
}
nav ul{
	width: 100%;
	list-style: none;
	display: flex;
	justify-content: flex-end;
	align-items: center;


}

nav li{
height: 50px;

}
nav a{
height: 100%;
padding: 0 30px;
text-decoration: none;
display: flex;
align-items: center;
color: black;

}
nav a:hover{
	background-color:ghostwhite;
}
   
.button{
display: block;
background-color: aquamarine;


}
.sidebar{
position: fixed;
top: 0;
right: 0;
height: 100vh;
width: 250px;
z-index: 999;
background-color:rgba(245, 214, 157, 0.716);
backdrop-filter: blur(10px);
box-shadow:black;
display:flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.sidebar li{
width: 100%;
}
.sidebar a{
	width: 100%;
}


.home-img  .img-box{
	width: 25vw;
	height: 25vw;
background-color: black;
border-radius: 50%;
padding: 5px;
margin-left: 400px;

}
.home-img  .img-box .img-item{
	position: relative;
	width: 100%;
height: 100%;
margin-left: 0px;
background-color: burlywood;
border-radius: 50%;
display:flex;
justify-content: center;
overflow: hidden;


}
.home-img  .img-box .img-item img{
display: flex;
width: 85%;
top: 30px;
object-fit: cover;
position: absolute;
max-width: 500px;
}
body h1{
	
	display: flex;
	
	flex-wrap: nowrap;
	
	

}
.home{
	
	align-items:center;
	height: 100vh;
	padding: 60px 9% 0;



}
.img-item{
	width: 20px;
	border-radius: 20%;


}
.home-info h1{
	font-size: 40px;


}

.home-info h2{
	font-size: 20px;
	margin-top: -10px;
	
}
:root{


}

.darkmode{
background-color:antiquewhite;
border-radius: 75%;
font-family: cursive;



}
	
.darkmode{
	background-color: blanchedalmond;
	color: brown;


}