*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden;font-family:Segoe UI,sans-serif;scroll-behavior:smooth;background-image:url(https://images.unsplash.com/photo-1527482797697-8795b05a13fe?fit=crop&w=1600&q=80);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-position:center}section{width:100%}main{width:100%;padding:0;margin:0}button:hover{opacity:.9;transform:scale(1.03);transition:all .2s ease-in-out}[data-animate]{opacity:0;transition:all .6s ease-out}[data-animate].animate{opacity:1}[data-animate=fade-up]{transform:translateY(30px)}[data-animate=fade-up].animate{transform:translateY(0)}[data-animate=fade-left]{transform:translate(-30px)}[data-animate=fade-left].animate{transform:translate(0)}[data-animate=fade-right]{transform:translate(30px)}[data-animate=fade-right].animate{transform:translate(0)}[data-animate=scale]{transform:scale(.95)}[data-animate=scale].animate{transform:scale(1)}