*{
margin:0;
padding:0;
}


body{

   
background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url("kri.jpg");
height:100vh;
background-size:cover;
background-position:center;



}
.header img{
  width:150px;
  height:80px;
float:left;
margin:10px;
}


ul{
list-style-type:none;
margin-top:10px;
padding:30px;




overflow:hidden;

}

.nav li {
float:left;
margin-left:90px;

}



.nav li a{
text-decoration:none;
font-size:1.2em;
color:white;
margin:20px;
padding:10px;
display:block;
}
.nav li a.active{
background-color:steelblue;
color:white;
}
.nav li a:hover{
border:1px solid white;
backgorund-color:red;
color:white
}

.h
{
color:white;
text-transform:uppercase;
font-size:20px;
text-align:center;
margin-top:150px;
}
.footer
{color:white;
text-align:center;



height:100px;
margin-top:400px;


}


h1
{
color:white;
text-transform:uppercase;
font-size:2.5em;
}








.images{
float:left;
margin:10px;

}
.button{
float:right;
}

.btn{
border:1px solid white;
padding:10px 30px;
color:white;
text-decoration:none;
margin-right:5px;
font-size:13px;
text-transform:uppercase;
}


.btn-one
{
background-color:darkorange;
font-family:"Roboto",sans-serif;
}