@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";body{font-family:Roboto,sans-serif;margin:0;padding:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.animate-on-scroll{opacity:0;transform:translate(50px);transition:opacity .6s ease-out,transform .6s ease-out}.animate-on-scroll.is-visible{opacity:1;transform:translate(0)}.animate-on-scroll h2{color:#333;margin-bottom:10px}.animate-on-scroll p{line-height:1.6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}