body
{
background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url("kri.jpg");
height:100vh;
backgrpund-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:10px;
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
}


.project img{
opacity:0.7;
}
.content p{
color:white;
text-align: justify;
    text-justify: inter-word;
}


.footer
{color:white;
text-align:center;



height:150px;
margin-top:30px;


}
.images{
float:left;
}
.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;
}