@import url(https://fonts.googleapis.com/css?family=Roboto|Roboto+Slab&display=swap);:root{--primary-color:#b524d6;--secondary-color:#a218ec;--tertiary-color:#b524d6;--quaternary-color:#090404;--quinary-color:#000;--bg-color:#fff;--text-color:#000}body{font-family:Roboto,sans-serif;margin:0}.App{display:flex;flex-direction:column;min-height:100vh}.header{align-items:center;background-color:#b524d6;background-color:var(--primary-color);color:#090404;color:var(--quaternary-color);display:flex;justify-content:space-between}.header h1{font-family:Roboto Slab,serif;margin-left:20px}.nav-list{display:flex;list-style-type:none}.nav-item{margin-right:20px}.nav-item a{color:#090404;color:var(--quaternary-color);text-decoration:none}.nav-item:hover{background-color:#a218ec;background-color:var(--secondary-color)}.main{flex-grow:1}.hero{align-items:center;background-image:url(https://images.unsplash.com/photo-1508615070457-7baeba4003e4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80);background-position:50%;background-size:cover;display:flex;flex-direction:column;height:80vh;justify-content:space-evenly}.hero h2{font-family:Roboto Slab,serif}.hero button,.hero h2,.hero p{color:#090404;color:var(--quaternary-color)}.hero button{background-color:#a218ec;background-color:var(--secondary-color);border:none;border-radius:5px;padding:10px 20px}.hero button:hover{transform:scale(1.1)}.features{display:grid;grid-template-columns:repeat(4,auto)}.feature{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.feature svg{color:#b524d6;color:var(--primary-color);font-size:40px}.feature h3{margin-top:10px}.feature p,.footer{text-align:center}.footer{background-color:#b524d6;background-color:var(--primary-color);color:#090404;color:var(--quaternary-color)}
/*# sourceMappingURL=main.c68e0b6c.css.map*/