body,html{margin:0;padding:0;font-family:Arial,sans-serif;height:100%}body{position:relative}body:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/bg.png) repeat fixed;background-size:auto;opacity:.5;z-index:-1}.container{max-width:1200px;margin:0 auto;padding:20px;text-align:center}.header{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.logo{height:60px;margin-right:20px}h1{font-size:4rem;margin:0}@media (min-width: 769px){.header{margin-top:120px}}.ui-image{max-width:100%;height:auto;margin-bottom:20px}.button-container{margin-bottom:30px}.button{display:inline-block;background-color:#000;color:#fff;padding:10px 20px;text-decoration:none;border-radius:5px}.demo-video{max-width:80%;height:auto;margin-top:20px;border-radius:12px}.fade-in{opacity:0;animation:fadeIn 1s ease-in forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}