body,html{font-family:Arial,sans-serif;margin:0;padding:0}.app{margin:0 auto;padding-top:60px}button{background-color:#5377ec;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:2.5vh;padding:1vh 2vh;transition:background-color .5s ease}button:hover{background-color:#2f4485}h1{color:#5377ec}h2{font-size:4vh}.background-image{background-image:url(/static/media/whisps.f7b8350e82a2f8d33ed0.png);background-position:50%;background-size:cover;height:100%;z-index:-1}.background-image,.header{left:0;position:fixed;top:0;width:100%}.header{background-color:#333;color:#fff;font-size:2.25vh;z-index:100}.header nav ul{display:flex;justify-content:space-around;list-style:none}.header nav a{color:#fff;text-decoration:none;transition:color .5s ease}.header nav a:hover{color:#5377ec;text-decoration:none}.header .headerlogo{color:#5377ec;font-weight:700}.header .headerlogo:hover{color:#fff;font-weight:700}.hero{align-items:center;background-size:cover;color:#000;display:flex;height:60vh;justify-content:center;text-align:center}.hero-content h1{font-size:5vh}.hero-content p{font-size:2.5vh}.services{padding:4vh 0}.services h2{margin-bottom:3vh}.services h2,.services h3{text-align:center}.service-grid{display:flex;flex-wrap:wrap;justify-content:center}.service{background-color:hsla(0,0%,100%,.8);border-radius:5vh;box-shadow:0 2px 5px rgba(0,0,0,.1);margin:2vh;padding:2vh;text-align:justify;width:26%}.about{background-color:#f5f5f5;padding:4vh 0}.about,.contact{text-align:center}.contact{padding:4vh 0 9vh}.contact form{margin:0 auto;max-width:400px}.contact label{display:block;font-weight:700;margin-bottom:5px}.contact input,.contact textarea{border:1px solid #ccc;border-radius:5px;margin-bottom:15px;padding:1vh;width:100%}.footer{background-color:#333;bottom:0;color:#fff;font-size:2vh;left:0;position:fixed;text-align:center;width:100%}
/*# sourceMappingURL=main.8dcec54f.css.map*/