.btn
{
   height:  100px;
   width: 100px;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   position: fixed;
   right: 20px;
   bottom: 20px;
}

.icone
{
   width: 50px;
   cursor: pointer;
   background-color: #1C0035;
}

body
{
   background-image: url("wallpapersden.com_purple-city_3840x2160.jpg");
   background-size: cover;
   background-attachment: fixed;
   margin: 0;
   
}

h1
{
   text-align: center;
   color:aqua;
}

.activite 
{
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-radius: 20px;
   padding: 50px 20px;
   width: 1000px;
   max-width: 90%;
   margin: auto;
}

.enonce 
{
   font-size: 18px;
   width: 70%;
   background: none; 
}
   .activite img 
{
   object-fit: contain;
   width: 300px; 
   height: auto;
}

.enonce h2 
{
   font-weight: bold;
   text-decoration: underline;
   font-size: 22px;
}

p
{
   font-size:large;
   color:aqua;
}

b
{
   color:aqua;
   text-size-adjust: 60%;
}

.conteneur 
{
   display: flex;
   justify-content: center;  
   align-items: center;
   gap: 10px; 
   flex-wrap: wrap;
}


.conteneur > img
{
   width: 23%;
   height: auto;
}

.marquee 
{
   font-size: larger;
   width: 100%;
   overflow: hidden;
   white-space: nowrap;
   box-sizing: border-box;
   position: relative;
   color:chartreuse;
}

.marquee span 
{
   display: inline-block;
   padding-left: 100%;
   animation: marquee   15s linear infinite;
}

@keyframes marquee 
{
   from {
       transform: translateX(100%);
   }
   to {
       transform: translateX(-100%);
   }
}

ul
{
   color: aqua;
}

h4
{
   color: aqua;
   font-size: large;
}

a img 
{
   transition: transform 0.2s ease-in-out;
}

a img:hover 
{
   transform: scale(0.95);
}

.flou-container 
{
   display: flex;
   align-items: center;
   width: 70%;
   background: rgba(255, 255, 255, 0.1);
   backdrop-filter: blur(10px);
   padding: 15px;
   border-radius: 10px;
}

.icone:hover 
{
   transform: scale(0.9);
   transition: 0.2s ease-in-out;
}

a[href="https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter"] 
{
   border: 2px solid red; 
   padding-left: 5px;
   border-radius: 5px; 
   text-decoration: none;
}

a
{
   color:aqua;
}

h1
{
   text-decoration: underline;
}