diff --git a/src/Popup.css b/src/Popup.css index 6df3a09..87fe58a 100644 --- a/src/Popup.css +++ b/src/Popup.css @@ -1,5 +1,8 @@ +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;800&display=swap'); + body { margin: 0; + font-family: 'Inter', sans-serif; } .popup { diff --git a/src/components/ToggleButton.css b/src/components/ToggleButton.css index eba4415..2a6b917 100644 --- a/src/components/ToggleButton.css +++ b/src/components/ToggleButton.css @@ -33,6 +33,7 @@ } .toggle-button { + cursor: pointer; position: absolute; z-index: 1; top: 0; @@ -45,6 +46,10 @@ background-color: transparent; } +.toggle-button:active .inside-glow { + transform: rotate(180deg); +} + .actual-button-style { position: absolute; top: 0;