animation survol sur les évènements

style/main.css

@@ -66,7 +66,7 @@ header{
                   font-family: 'pressStart';
                   font-size: 50px;
                   padding-top: 13.12px;
-                  
+
 
                   .trans-symbol{
                     font-family: 'velvelyne';
@@ -122,7 +122,7 @@ noscript > video{
   position: absolute;
   width: 100%;
   height: 110%;
-  top: 0; 
+  top: 0;
   left: 0;
   z-index: -33;
 }
@@ -215,7 +215,7 @@ main{
                                       p{
                                         padding: 7.77px;
                                         padding-right: 16.1px;
-                                        
+
 
                                               strong{
                                                 font-family: 'karrik';
@@ -242,7 +242,7 @@ main{
                 grid-row: 1;
                 width: 100%;
                 height: 100%;
-                      
+
                       h2{
                         text-transform: uppercase;
                         font-family: 'karrik';
@@ -546,6 +546,11 @@ main{
                                   padding: 16.1px;
                                 }
 
+                                h4:hover{
+                                  color: var(--back-color);
+                                  background-color: var(--main-color);
+                                }
+
                                 a{
                                   margin-right: 33px;
                                 }
@@ -567,6 +572,11 @@ main{
                           flex-shrink: 0;
                         }
 
+                        .solidBox:hover{
+                          color: var(--back-color);
+                          background-color: var(--main-color);
+                        }
+
                         .solidBox:has(details[open]){
                           color: var(--back-color);
                           background-color: var(--main-color);