@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #ff47d4;--secondary-color: #ffffff;--background-color: #000000;--dark-grey: #1a1a1a}html{scroll-behavior:smooth}html,body{height:100%;display:flex;flex-direction:column}app-root{flex:1;display:flex;flex-direction:column}:root{--navbar-height: 68px}.app-container{flex:1;padding-top:var(--navbar-height);display:flex;flex-direction:column;background:linear-gradient(135deg,#ff47d414,#ffffff08)}body{background-color:var(--background-color);color:var(--primary-color);font-family:Arial,sans-serif;line-height:1.6}h1{color:var(--primary-color);font-family:Big Shoulders,sans-serif;font-weight:800;font-size:2.5rem}h2{color:var(--secondary-color);font-family:Big Shoulders,sans-serif;font-weight:600}h3{color:var(--secondary-color);font-family:Big Shoulders,sans-serif;font-weight:400}p{color:var(--secondary-color);font-size:1rem}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease-in-out}a:hover{color:var(--secondary-color)}button{background-color:var(--primary-color);color:var(--background-color);padding:.75rem 1.5rem;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background .3s ease-in-out}button:hover{background-color:var(--secondary-color);color:var(--background-color)}@media (max-width: 768px){body{font-size:.9rem}button{font-size:.9rem;padding:.5rem 1rem}}