*{margin:0;padding:0;font-family:sans-serif}.hero{height:100vh;background-image:linear-gradient(#6d6b6bcc,rgba(71,69,69,.6)),url(/75d87387d756fcdfad32a7cf4c41587887121cf1/bonnet.png);background-position:center;background-size:cover;overflow-x:hidden;position:relative}.nav-bar{display:flex;padding:40px 120px}.nav-logo img{width:135px}.nav-links{flex:1}.nav-links ul{margin-left:50px;display:inline}.nav-links ul li{list-style:none;display:inline-block;padding:40px 120px}.nav-links ul a{color:#fff;text-decoration:none;font-size:13px}.nav-links ul li::after{content:'';width:0%;height:2px;background:#ff0;display:block;margin:auto;transition:.5s}.nav-links ul li:hover::after{width:100%}.button1{border:none;color:#fff;padding:16px 32 px;text-align:center;text-decoration:none;font-family:sans-serif;display:inline-block;font-size:16px;margin:4px 2px;transition-duration:.4s;cursor:pointer}.button1{background-color:#fff;color:#000;border:2px solid #ff0}.button1:hover{background-color:#ff0;color:#fff}.app{text-align:center;font-family:sans-serif;font-size:20px;text-decoration-color:#fff;color:#fff}