*{
     margin: 0;
     padding: 0:
     font-family: sans-serif;
}
.container{
      width: 100%;
      height: 100%;
      background: #42455a;
}

 ul{
      float: left;
      List-style-type: none;
      margin-top: 25px;
}

ul li{
display: inline-block;
}

 ul li a{
      text-decoration: none;
color: #bbb;
padding: 5px 20px;
border: 1px solid #bbb;
      color: #42455a;
      cursor: pointer;
}
ul li a:hover{
background-color: #bbb;
color: #000;
}

.title{
position: absolute;
top: 10%;
left: 25%;

}

.logo img{
      width: 30px;
      margin-top: -7px;
      margin-right: 48px;
}

.active{
      color: #19dafa !important; 
}

.signup-btn{
      top: 40px;
      right: 80px;
      position: absolute;
      text-decoration: none;
      color: #fff;
      border: 2px solid transparent;
      border-radius: 20px;
      background-image: linear-gradient(#42455a,#42455a),radial-gradient(circle at top left,#fd00da,#19d7f8);
      background-origin: border-box;
      background-clip: content-box,border-box;
}

.signup-btn span{
      display: block;
      padding: 8px 22px;
}
.banner{
      width: 80%;
      height: 70%;
      top: 25%;
      left: 00px;
      position: absolute;
      color: #fff;
}
.app-text{
     width: 50%;
     float: left;
}
.app-text h1{
     font-size: 43px;
     width: 640px;
    position: relative;
    margin-left: 40px;
}
.app-text p{
     width: 650px;
     font-size: 15px;
     margin: 30px 0 30px 40px;
     line-height:  25px;
     color: #919191;
}
.app-picture{
     width: 50%;
     float: right;
}
.app-picture img{
     width: 100%;