body { margin: 0; color: white; font-size: 18px; font-family: monospace; }
ul{margin:0;padding:0;list-style:none;}
a{cursor:pointer;}
.main-page{display:flex;flex-direction:column;background-image:url(/assets/images/4703133-2.jpg)}
.logo > a { display: flex; width: 70px; height: 70px; background-image: url(/logo.png); background-position: center; background-size: contain; background-repeat: no-repeat; }
.logo {padding-left:30px;}
.header { display: flex; align-items: center; justify-content: space-between; position: fixed; width: 100%; height: 100px;z-index:9 }
  .header .header-menu { padding-right: 30px; }
.slide { width: 100%; height: 100vh; padding-top: 100px; display: flex; flex-direction: column; position: relative; }

.slide-1 .phone{
  display:block;
  width:50%;
  height:80%;
  bottom:100px;
  right:10px;
  position:absolute;
  background-image:url(/assets/images/Mobile.png);
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
}

.slide-1 .title { font-size: 8rem; z-index: 1; text-shadow: 12px 15px 7px #0000006e; display: block; padding-left: 5rem; padding-top: 5rem; }
  .slide-1 .title > .sway-global { color: #ff7f00; font-weight: bold; font-size: 10rem; }

.slide-2 .title { display: flex; padding: 15px; font-size: 1.5rem; }
.slide-2 .ecosystem { width: 420px; height: 390px; display: block; background-image: url(/assets/images/ecosystempng.png); background-position: center; background-size: contain; background-repeat: no-repeat; opacity: .8; }
.slide-2  .description { flex:1}
.slide-2 .description .item {padding : 7px 0;}
  .slide-2 .description .item .title { color: #b3832e; }