font added plus a few styling changes

[MariamM110]

• a new variables file was created to be able to use certain variables globally (especially the font)
• buttons didnt used to work if selected (not sure if it was just my device)
• best to use % for img weight/ height as it makes the logo look less elongated

[netlify[bot]]

✅ Deploy Preview for explain-ai ready!

Name	Link
🔨 Latest commit	9dc24266f0b7d63c420e44ed38c7db93d15b583c
🔍 Latest deploy log	https://app.netlify.com/sites/explain-ai/deploys/63fe43c4b4a26d0008c23d2c
😎 Deploy Preview	https://deploy-preview-40--explain-ai.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.