*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;font-weight:300;line-height:1.5em;color:#3c4858;background-color:#f5f5f5}h1,h2,h3,h4,h5,h6{font-weight:700;margin-bottom:.5rem}a{text-decoration:none;color:inherit;transition:all .3s ease}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 30px;font-size:12px;font-weight:400;text-transform:uppercase;border-radius:3px;cursor:pointer;border:none;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 2px #9c27b024,0 3px 1px -2px #9c27b033,0 1px 5px #9c27b01f}.btn.btn-primary{background-color:#9c27b0;color:#fff}.btn.btn-primary:hover{background-color:#89229b;box-shadow:0 14px 26px -12px #9c27b06b,0 4px 23px #0000001f,0 8px 10px -5px #9c27b033}.btn i,.btn .material-icons{margin-right:5px;font-size:1.2rem}.container{max-width:1200px;margin:0 auto;padding:0 15px}.section{padding:70px 0}.text-center{text-align:center}.text-white{color:#fff}.text-primary{color:#9c27b0}.navbar{position:fixed;top:0;width:100%;z-index:1000;transition:all .3s ease;padding:15px 0}.navbar.navbar-transparent{background-color:transparent!important;box-shadow:none;color:#fff}.navbar.navbar-purple{background:linear-gradient(60deg,#ab47bc,#8e24aa);box-shadow:0 4px 18px #0000001f,0 7px 10px -5px #00000026;color:#fff}