@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Itim&display=swap";*{font-family:itim}html,body{margin:0;padding:0;height:100%}:root{--primary-pink: #ff69b4;--secondary-pink: #ffb6c1;--accent-purple: #9370db;--accent-blue: #87ceeb;--text-light: #f8f8f8;--text-dark: #2a2a2a;--background-dark: #1a1a1d;--background-light-tint: rgba(255, 255, 255, .05);--font-primary: "Itim", cursive;--font-code: "Fira Code", "Courier New", monospace;--glow-color: rgba(255, 105, 180, .7);--gradient-angle: 135deg}.header{display:flex;justify-content:space-between;align-items:center;background-color:#1a1a1dd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0 1rem;border-bottom:1px solid rgba(255,255,255,.05);opacity:1;transition:transform .3s ease-out,opacity .3s ease-out;height:60px}.header h1{font-size:2rem;margin:0;padding:0;color:#fff}.header .headerbuttons{display:flex;gap:1rem;padding:0}.header .headerbuttons a{background-color:#424242;color:#fff;border:none;padding:.5rem 1rem;cursor:pointer;text-decoration:none;border-radius:5px;border:2px solid #616161;transition:background-color .3s,border-color .3s;font-size:1.2rem}.header .headerbuttons a:hover{background-color:#616161;border-color:#757575}.header .headerbuttons a:active{background-color:#757575;border-color:#e9e9e9}.hero{width:100vw;height:calc(100vh - 61px);margin:0;padding:4rem 2rem;text-align:center;color:var(--text-light);background:linear-gradient(135deg,#1a1a1dcc,#2a2a2de6),linear-gradient(135deg,#ff0080,#49a2eb);background-size:150% 150%;animation:gradientShift 25s ease-in-out infinite;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero h1{color:var(--primary-pink);font-size:3rem;margin:0;padding:0}.hero h1 span{color:var(--primary-pink)}.hero p{font-size:1.2rem;padding:0;width:40%;margin:20px auto 0}