@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);body{font-family:Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box}#app{text-align:center}header{background-color:hsla(0,0%,100%,.9);color:#282c34;padding:20px;align-items:center;position:fixed;top:0;left:0;z-index:1000;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header-container,header{display:flex;justify-content:space-between;width:100%}.header-container{align-items:left;max-width:1200px;margin:0 auto;padding:0 20px}.logo-container{display:flex;align-items:center}.logo{height:40px;margin-right:10px}h1,nav{margin:0}.nav-links{list-style:none;display:flex;gap:20px;padding:0;margin:0}.nav-links a{color:#282c34;text-decoration:none;font-weight:500;position:relative;padding:8px 12px;transition:background-color .3s,color .3s,box-shadow .3s;border-radius:4px}.nav-links a:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#61dafb;transform:scaleX(0);transform-origin:bottom left;transition:transform .3s ease}.nav-links a:hover:before{transform:scaleX(1)}.nav-links a:hover{color:#282c34}.hamburger{display:none;cursor:pointer;flex-direction:column;gap:5px;padding:0 20px}.hamburger .line{width:25px;height:3px;background-color:#000}@media (max-width:768px){.nav-links{display:none;flex-direction:column;background-color:hsla(0,0%,100%,.9);position:absolute;top:60px;right:0;width:100%;text-align:center;gap:10px}.hamburger,.nav-links.show{display:flex}}main{padding-top:80px}.content-container{display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative}.section-image{width:50%;margin:0 20px}.text-content{width:100%;text-align:center}h2,h3{margin-bottom:20px}ul{list-style-type:none;padding:0}ul li{margin-bottom:10px}.home{background-color:#f4f4f4;padding:80px 20px}.home .text-content h2{font-size:2.5rem}.home .text-content p{font-size:1.25rem}.about{background-color:#282c34;color:#fff;padding:80px 20px}.about .content-container{display:flex;align-items:center;justify-content:space-around;padding:20px 20px}.about .text-content h3{font-size:4rem}.about .text-content{text-align:left;font-size:1.25rem}.about img{padding:0 80px;max-width:200px;height:auto;margin:0 20px;border-radius:50%;justify-self:center}@media (max-width:768px){.about .content-container{display:grid;grid-template-columns:1fr;align-items:start;justify-content:space-around;gap:20px}.about img{padding:0 20px;max-width:200px;height:auto;margin:0 20px;border-radius:50%;justify-self:center}}.section-image{width:20%;max-width:400px;height:auto}.services{color:#282c34;padding:80px 20px}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;justify-content:center;align-content:center}.service-box{background-color:#77aad9;border:1px solid #282c34;border-radius:8px;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,.2);font-size:1rem}.contact{background-image:linear-gradient(0deg,rgba(0,0,0,.4),rgba(0,0,0,.4)),url(/img/taps.72240b87.jpg);background-position:50%;background-size:cover;display:flex;justify-content:center;padding:80px 20px}.contact h3{color:#fff;font-size:2rem}.contact-button{padding:10px 20px;background-color:#77aad9;text-decoration:none;text-transform:uppercase;color:#000;border:none;cursor:pointer}.contact-button:hover,footer{color:#fff}footer{background-color:#282c34;padding:20px;text-align:center;font-family:Arial,sans-serif}