.cont2{
    width: 100vh;
    top: -40vh;
    left: 22vw;
    height: 100vw;
    overflow: hidden;
    position: absolute;
    display: flex;
    flex-direction: column;
    transform: rotate(270deg);
}



marquee{    
    font-family: 'Courier New', Courier, monospace;
    width:100vh;
    transform: rotate(-5deg);
}

@keyframes change {
    0%{
        content:"|";
        margin-top: 10px;
    }
    20%{
        content:"'";
        margin-top: 20px;

    }
    40%{
        content:",";
        margin-top: 30px;

    }
    60%{
        content:"!";
        margin-top: 40px;
    }
    100%{
        content:"·";
        margin-top: 50px;
    }

}


/* styles.css | file:///D:/PERSO_POSTDIPLOME/2023-2024/PLUIE/styles.css */

marquee {
    filter: blur(7px) drop-shadow(#fff 2px 12px 1px);
    margin: -7px;
    font-size: 20px;

  }
  
  .cont2 {
    /* top: -40vh; */
    /* left: 22vw; */
    top: -39vh;
    left: 36vh;    mix-blend-mode: normal;
    color: #0000ff !important;
    filter: brightness(1.6) blur(10px) hue-rotate(0deg);
  }
  

  
@keyframes filtercont {
    0%{
        filter: brightness(1.3) blur(50px) hue-rotate(0deg);
    }
    50%{
            filter: brightness(1.8) blur(9px) hue-rotate(360deg);
    }
    100%{
        filter: brightness(1.3) blur(50px) hue-rotate(0deg);
    }
}
  /* Element | file:///D:/PERSO_POSTDIPLOME/2023-2024/PLUIE/index.html */
  
  html {
    background-color: black;
  }
  
  /* Element | file:///D:/PERSO_POSTDIPLOME/2023-2024/PLUIE/index.html */
  div.cont2:nth-of-type(3){
    animation: filtercont 30s infinite;

  }
  div.cont2:nth-of-type(2) {
    animation: filtercont 20s infinite;

    color: #00ff00 !important;
  }


  /* Element | file:///D:/PERSO_POSTDIPLOME/2023-2024/PLUIE/index.html */
  
  div.cont2:nth-of-type(4) {
    animation: filtercont 14s infinite;

    color: #ff0000 !important;
  }
  

  

/* styles.css | file:///D:/PERSO_POSTDIPLOME/2023-2024/PLUIE/styles.css */

.cont2 {
    /* top: -39vh; */
    /* left: 36vh; */
    top: -30vh;
    left: 24vw;
    position: absolute;
  }
  
  .cont2 {
    /* width: 100vh; */
    /* height: 100vw; */
    width: 90vh;
    height: 90vw;
  }
  
summary{
    list-style: "✺";}
    summary:hover{
        cursor:pointer;
        text-decoration: underline;
    }
details{
    margin:0;padding:0;position:fixed;
    font-family: serif;
    color:#fff;
    top:10px;
    left:10px;
    font-size:0.7em;
}