/**
Theme Name: My theme!!
Template: twentytwentyfour
Author: Me
Description: Hello!
*/

/* Statique 1  */

.newslettertext {
  filter: brightness(100%);
}

.newslettertext::before {
  filter: brightness(50%);
  z-index: -1;
}

/* Statique 2 */
.homemessage{
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Statique 3*/

.messageplugin2{
  background-color: black;
  color:white;
  position:absolute;
  font-size: medium;
}

/* Statique 4*/
.messageplugin3{
  background-color: black;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  margin: 0;
  color:white;
  text-align: center;
}

/* Statique 5*/
.messageplugin4{
  background-color: black;
  color:rgb(76, 133, 255);
  position:absolute;
}
/* Animation 1 */
.thumb {
  transition: transform 0.25s ease-in-out;
}

.thumb:hover {
  transform: scale(1.1);
}

/* Animation 2 */
@keyframes saturate {
  0% {
    filter: saturate(1)
  }

  100% {
    filter: saturate(2)
  }
}
.homepagethumb:hover {
  animation: saturate 0.2s ease-in-out forwards;
}

/* Animation 3 */
.wp-block-button__link{
  transition: background-color 0.25s ease-in-out;
}
.wp-block-button__link:hover{
  background-color: blue;
}

/* Animation 4 */
@keyframes color {
  0% {
    
  }

  100% {
    filter: drop-shadow(0 0 0.75rem blue);;
  }
}
.custom-logo:hover {
  animation: color 0.2s ease-in-out forwards;
}

/* Animation 5 */

.computerpartsthumbnail {
  transition: filter 0.25s ease-in-out;
}

.computerpartsthumbnail:hover {
  filter: contrast(1.75);
}
