body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.App,body,html{font-family:Arial,sans-serif;height:100%;margin:0;padding:0}.hero{background-color:#000;height:100vh;overflow:hidden;position:relative}.slide{animation-iteration-count:infinite;animation-name:fade;background-position:50%;background-size:cover;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}@keyframes fade{0%{opacity:0}8%{opacity:1}40%{opacity:1}48%{opacity:0}to{opacity:0}}.hero-content{bottom:50px;position:absolute;right:50px;text-align:right;z-index:2}.hero-content h1{color:#fff;font-size:48px;font-weight:400;letter-spacing:2px;margin:0}.hero-content button{background-color:initial;border:2px solid #fff;border-radius:30px;color:#fff;cursor:pointer;font-size:16px;letter-spacing:2px;margin-top:10px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.hero-content button:hover{background-color:#fff;color:#000}.contact{background:#f4f4f4;padding:40px}.contact h2{margin-bottom:20px;text-align:center}.contact form{display:flex;flex-direction:column;margin:0 auto;max-width:600px}.contact input,.contact textarea{border:1px solid #ccc;border-radius:4px;font-size:16px;margin-bottom:15px;padding:10px}.contact button{background:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background .3s ease}.contact button:hover{background:#555}.contact-config-hint{color:#666;font-size:14px;margin:16px auto 0;max-width:600px;text-align:center}.contact-config-hint code{font-size:13px}