@media (min-width: 769px){:root{--dark-bg: rgba(15, 15, 15, .95);--spacing: 350px;font-family:brandon-grotesque,sans-serif;font-weight:400;font-style:normal}* Add the floating buttons styles */ .floating-chat{position:fixed;top:200px;right:20px;z-index:999;display:flex;flex-direction:column;opacity:.6;gap:10px}.floating-buttons{position:fixed;top:3%;right:20px;z-index:998;display:flex;flex-direction:column;opacity:.6;gap:10px}.btn-primary{background-color:#007bff;color:#fff;text-decoration:none;padding:5% 10%;border-radius:15px}.btn-secondary{background-color:#6c757d;color:#fff;text-decoration:none;padding:5% 10%;border-radius:15px}.btn-tertiary{position:fixed;bottom:20px;right:20px;z-index:999;display:flex;flex-direction:column;opacity:.8;gap:10px;width:30%;height:70%}h1,h2,h3,blockquote{font-family:elevon,sans-serif;font-weight:700;font-style:normal}canvas{position:fixed;top:0;left:0}header{background:var(--dark-bg);grid-column:2 / span 5;font-size:2.5rem;padding:2rem;margin-bottom:var(--spacing);animation:slide-in .5s ease-in-out}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}section{grid-column:2 / 8;padding:1rem;background:var(--dark-bg);font-size:1.25rem;line-height:1.5;margin-bottom:var(--spacing)}blockquote{margin:0;padding:0;grid-column:2 / span 9;margin-bottom:var(--spacing)}blockquote p{color:#000;background-color:#fff;font-size:4rem;display:inline;line-height:1}.left{grid-column:6 / 12}table{color:#fff}td{text-align:center}.project-card{background:var(--dark-bg);padding:20px;border-radius:10px;box-shadow:0 2px 4px #9edbff1a;overflow:hidden;display:flex;flex-direction:column;align-items:center;max-width:300px;margin:0 auto}.project-gif{width:50%;max-width:250px;height:auto;border-radius:5px;margin-top:10px;object-fit:contain}main{width:100vw;color:#fff;z-index:99;position:absolute;width:100%;margin:0 auto;padding:120px 0;display:grid;grid-template-columns:repeat(12,1fr);font-size:1.5rem}}@media (max-width: 768px){:root{--dark-bg: rgba(15, 15, 15, .95);--spacing: 150px;font-family:brandon-grotesque,sans-serif;font-weight:250;font-style:normal}* Add the floating buttons styles */ .floating-chat{position:fixed;top:80%;right:20px;z-index:999;display:flex;flex-direction:column;opacity:.6;gap:10px}.floating-buttons{position:fixed;top:20px;right:20px;z-index:999;display:flex;flex-direction:column;opacity:.6;gap:10px}.btn-primary{background-color:#007bff;color:#fff;text-decoration:none;padding:5%;border-radius:15px}.btn-secondary{background-color:#6c757d;color:#fff;text-decoration:none;padding:5%;border-radius:15px}.btn-tertiary{position:fixed;bottom:20px;right:20px;z-index:998;display:flex;flex-direction:column;opacity:.6;gap:10px;width:100%;height:100%}h1,h2,h3,blockquote{font-family:elevon,sans-serif;font-weight:250;font-style:normal}canvas{position:fixed;top:0;left:0}header{background:var(--dark-bg);grid-column:2 / span 5;font-size:1rem;padding:1rem;margin-bottom:var(--spacing);animation:slide-in .5s ease-in-out}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}section{grid-column:1 / 12;padding:1rem;background:var(--dark-bg);font-size:1.25rem;line-height:1.5;margin-bottom:var(--spacing)}blockquote{margin:0;padding:0;grid-column:2 / span 9;margin-bottom:var(--spacing)}blockquote p{color:#000;background-color:#fff;font-size:2.5rem;display:inline;line-height:1}.left{grid-column:1 / 12}table{color:#fff}td{text-align:center}.project-card{background:var(--dark-bg);padding:20px;border-radius:10px;box-shadow:0 2px 4px #9edbff1a;overflow:hidden;display:flex;flex-direction:column;align-items:center;max-width:300px;margin:0 auto}.project-gif{width:50%;max-width:250px;height:auto;border-radius:5px;margin-top:10px;object-fit:contain}main{width:100vw;color:#fff;z-index:99;position:absolute;width:100%;margin:0 auto;padding:120px 0;display:grid;grid-template-columns:repeat(12,1fr);font-size:1rem}}
