style.css

*{
    margin: 0px;
    padding: 0px;
}
header{
    background-image:url(https://cdn.pixabay.com/photo/2017/08/17/19/40/ukrainian-dill-potatoes-2652561_640.jpg);
    height: 100vh;
    background-size: cover;
    background-position: center;
    min-height: 100px;
}
ul{
    float:right;
    list-style-type: none;
    margin-top: 30px;
    min-height: 400px;
    margin-right: 60px;
    font-size: 17px;

}
ul li{
    display: inline-block;
}
ul li a{
    text-decoration: none;
    color: #fff;
    padding: 5px 20px;
    border: 1px solid transparent;
    
}
ul li a:hover{
    background-color: #000;
    color:#fff;
}
ul li.active a{
    background-color:#000;
    color:#fff;
}
.main{
    max-width: 1200px;
    margin:auto ;
}
.title{
    position: absolute;
    top: 46%;
    left: 43%;
    
}
.title h1{
    color: #fff;
    font-size: 70px;
}
.button{
    position: absolute;
    top: 54%;
    left: 40%;
    
}
.btn{
    border: 1px solid #fff;
    padding: 5px 20px;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}
.btn:hover{
    background-color: #fff;
    color: #000;
}