update transitions to avoid lots of movement

public/index.html

@@ -75,16 +75,16 @@
                 d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z" />
             </svg></a>
         </div>
-        <a class="btn" href="#open-modal">donate</a>
-        <div id="open-modal" class="modal-window">
+        <a class="btn" href="#donate">donate</a>
+        <div id="donate" class="modal-window">
           <div>
             <a href="#" title="Close" class="modal-close">×</a>
             <p class="modal-text">
             <p>
-            <p class="modal-body">We apologise but crpyto currency is currently the only method to maintain our own
-              personal privacy and security. If anyone has suggestions or leads on a high-risk/private payment processor
-              then please send us an email.<br><br>
-              The following cryptocurrencies are supported:<br><br></p>
+            <p class="modal-body">Currently, cryptocurrency is the only method to maintain our own personal privacy and
+              security. If anyone has suggestions or leads on a high-risk/private payment processor, then please email
+              us.<br><br>
+              The following currencies are supported:<br><br></p>
 
             <b class="crypto-name">Monero (XMR):</b><span
               class="crypto-address">49r2aeun8DtV5VqZpZSwRpS83WfUWEaLt4NG8HJwwVkbiT1vSsXTXrPFKkKTdc6MPX9iezbTidNPvhGZKCnM1338TfK6Hgi</span><br>

public/style.css

@@ -123,7 +123,11 @@ body,
 
 a {
   color: #f3bbae;
-  transition: all 0.3s;
+  transition: color 0.3s ease;
+}
+
+label>a {
+  transition: none !important;
 }
 
 p {
@@ -158,21 +162,19 @@ ul.custom-bullet li::before {
   display: flex;
   margin: 0;
   padding: 0.35rem 0.75rem;
-  transition: all 0.3s;
 }
 
 .tab:hover a,
 .tab:hover svg {
   color: #241917 !important;
   fill: #241917 !important;
-  transition: all 0.3s;
 }
 
 .tab:hover label {
   background-color: #9a756c;
   color: #241917;
   font-weight: 700;
-  transition: all 0.3s;
+  transition: background-color 0.3s ease;
 }
 
 .tab-content {
@@ -292,7 +294,7 @@ a {
   position: fixed;
   right: 0;
   top: 0;
-  transition: all 0.3s;
+  transition: background-color 0.3s ease;
   visibility: hidden;
   z-index: 999;
 
@@ -371,7 +373,7 @@ a {
   background-color: #9a756c;
   color: #241917 !important;
   font-weight: 700;
-  transition: all 0.3s;
+  transition: background-color 0.3s ease;
 }
 
 .modal-text {