*{
font-family: 'Nunito', sans-serif; ;
font-size:20px ;
box-sizing: border-box ;
margin: 0px;
padding: 0px;

}


body{
background-color:#00002b;
}

header{
width: 100%;
height: 85px;
display: flex;
background-color:  #526eff;
justify-content: space-between;
align-items: center;
padding: 10px 2%;
}

header .logo{
display: inline-block;
cursor: pointer;
}

header .logo img{
height: 60px;
width: auto;
transition: 0.3s;
border-radius: 50px;
border: none;
}

header .logo img:hover{
height: 60px;
width: auto;
transform: scale(1.1);
}

header nav .nav-links{
display: inline-block;
margin: 0px;
padding: 0px 20px;
transition: 1.3s;
}

header nav .nav-links{

}


header nav .nav-links li{
transition: 0.3s;
list-style: none;
display: inline-block;
padding: 0px 20px;

}

header nav .nav-links li:hover{
transform: scale(1.1);	

}

header nav .nav-links a {
text-decoration: none;
color: white;
font-weight: 700px;
}

header nav .nav-links a:hover{
color: grey;

}




header .btn button{
cursor: pointer;
border: none;
border-radius:20px ;
font-weight: 800;
transition: 0.3s;
}

header .btn button:hover{
transform: scale(1.1);
background-color:grey;
}

@media only screen and (max-width:680px){
header nav .nav-links li{
display:flex;
padding: 5px 0px;
}

header{
width: 100%;
height: 100px;
margin: 0px;
padding:0px;
align-content: center;

}






}