:root{--color-primary: #ede500;--color-secondary: #232323;--color-black: #1e1e1e;--color-dark-gray: #303030;--color-light-gray: #c3c3c3}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif;scroll-behavior:smooth!important}html{font-size:62.5%;background-color:var(--color-secondary);scroll-behavior:smooth!important}body{display:flex;flex-direction:column;justify-content:center;align-items:center}h1{color:var(--color-primary)}p{color:#fff}a{font-style:normal;text-decoration:underline;color:var(--color-primary);font-weight:600}button{outline:none;border:2px solid var(--color-primary);box-shadow:none;padding:20px 25px;border-radius:15px;background-color:var(--color-primary);font-weight:900;font-size:1.4rem;color:var(--color-dark-gray);cursor:pointer}@media (max-width: 1366px){button{padding:10px 20px}}.expand-card{display:flex;flex-direction:column;justify-content:space-between;height:100%;border:2px solid var(--color-dark-gray);border-radius:25px;padding:20px;background-color:var(--color-black);position:fixed;height:70%;left:50%;transform:translate(-50%)}