@import url(https://fonts.googleapis.com/css?family=Montserrat);
@font-face{
    font-family: "star";
    src: url(Starbim.ttf);
}
html{
    height: 100%;
}
body{
    height: 100%;
    background-image:url(images/background4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment:fixed;
      margin: 0;
  padding: 0;
}
.container{
    width: 70%;
    margin: auto;
    margin-top: 50px;
    background-image:url(images/sky.jpg);
}
header{
    background-color: rgba(255, 255, 255, 0.1);
    height: 200px;
    
}

ul{
    list-style-type: none;
    display: flex;
    flex-direction: row;
    font-family: "star";
}
li{
    margin: auto;
}

.navigation{
    text-align: center;
    background: #2b2bab;
    background: linear-gradient(90deg,rgba(43, 43, 171, 0.9) 1%, rgba(31, 172, 194, 0.9) 35%, rgba(205, 137, 217, 0.9) 100%);
    height: 100px;
    margin-top: -25px;
}
li, a{
    text-decoration: none;
    color: rgb(255, 255, 255);
}
li:active{
      background: #2b2bab;
    background: linear-gradient(90deg,rgba(35, 213, 192, 0.91) 1%, rgba(31, 172, 194, 0.91) 35%, rgba(205, 137, 217, 0.91) 100%);}
main{
     width: 70%;
    margin: auto;
    margin-top: -20px;
    background-color: rgb(255, 255, 255, 0.7);
    height: 60%;
}