*{
margin: 0; 
padding: 0;
}
boedy {
background: linear-gradient( #141e30,#243b55);
height: 100vh;
}
nav {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
font-size: 18px;
font-weight: bold;
font-family: sans-serif;
padding: 25px;
background: orange;
}
nav a {
text-decoration: none;
color: white;
}
.list{
	display: flex;
	list-style: none;
	gap: 35px;
}


#toggler, label{
display: none;
}
label i{
color: white;
}
@media screen and (max-width: 650px){

.menu{
width: 100%;
max-height: 0;
overflow: hidden;
}
label{
display: inline-flex;
}
#toggler:checked~.menu{
max-height: 100%;
}
.list{
flex-direction: column;
align-items: center;
padding: 20px;
}