body{animation:gradientBG 15s ease infinite;background:linear-gradient(-45deg,#0f0f0f,#1a1a1a,#0f0f0f,#1a1a1a);background-size:400% 400%;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100vh;margin:0;overflow:auto;padding:0;position:relative}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.App{text-align:center}.hero{align-items:center;background-color:#333;color:#fff;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:box-shadow .3s ease-in-out;width:100%}.hero.scrolled{box-shadow:0 4px 10px #00000080}.Nom{animation:fadeIn 2s ease-in-out;font-size:3rem}.main-content{background-color:#f9f9f9;color:#333;height:100vh;margin-top:100vh;overflow-y:auto;padding:20px;position:relative;scrollbar-color:#888 #f0f0f0;scrollbar-width:thin;transition:box-shadow .3s ease-in-out;z-index:1}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:#f0f0f0}.main-content::-webkit-scrollbar-thumb{background-color:#888;border:2px solid #f0f0f0;border-radius:10px}.main-content.with-shadow{box-shadow:0 -40px 40px #00000080}section{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:20px auto;max-width:800px;padding:20px}section h2{color:#333;font-size:2rem;margin-bottom:10px}section p,section ul{color:#555;font-size:1rem;line-height:1.6}ul{list-style-type:disc;padding-left:20px}li{margin-bottom:10px}.scroll-instruction{align-items:center;background-color:initial;border:1px solid #ccc;border-radius:50px;bottom:20px;color:#ccc;cursor:pointer;display:flex;font-size:.9rem;font-weight:400;gap:8px;left:50%;padding:10px 20px;position:absolute;transform:translateX(-50%);transition:transform .3s ease,background-color .3s ease,color .3s ease}.scroll-instruction:hover{background-color:#ffffff1a;color:#fff;transform:translateX(-50%) translateY(-3px)}.scroll-instruction .arrow{animation:bounce 1.5s infinite;color:inherit;display:inline-block}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}.spotlight{background:radial-gradient(circle 350px at 50% 50%,#ffffff4d 0,#000000e6 100%);background:radial-gradient(circle 350px at var(--x,50%) var(--y,50%),#ffffff4d 0,#000000e6 100%);height:100%;left:0;mix-blend-mode:overlay;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}
/*# sourceMappingURL=main.795c462d.css.map*/