@import url('https://fonts.googleapis.com/css2?family=Federant&family=Pacifico&display=swap');
* {box-sizing: border-box;}
nav  a, nav li {color:rgb(159, 12, 239); text-shadow: 2px 2px 0 black;}
section a, section li {color:rgb(196, 30, 30);}
.mot-clé{text-decoration:underline;
    color:aqua;font-size: 38px;}
.bijou{text-decoration:underline;
    font-style: italic;color: cornflowerblue;text-shadow: 3px 3px 0 blue;}
h1{font-size: 30px;
    font-style:italic}
.police{font-size:20px;}
body{font-family:"pacifico",cursive;
    font-size: 25px;}
.polices{font-weight:bolder;
    font-size:25px;
    text-align: left;
    font-family: cursive;}
header{text-decoration:underline;}
body{background-color:aquamarine;
     margin: 60px;
    background-image:  url(th.jpeg);
    color:white;
    background-repeat: repeat;
    background-size: 550px;
  }
.msg{margin:0 0 0 100px;text-align: center;}
.xyz{text-align:center;}
h1{text-align: center;}
footer{background-color:brown;
    text-align: end;}
header{padding-top: 10px;
    text-shadow:10px 10px 1px red;
    background-size: cover ;
    background-image:url(https://img.freepik.com/photos-premium/concept-technologie-connexion-numerique-pour-reseaux-informatiques_410516-30062.jpg);
    height: 730px;
    background-repeat: no-repeat;
    text-align: center ;
    font-size: 50px;}
#cy{background-image:url(cy.webp);
    background-size:cover;
     font-size: 40px;}
#ia{ background-image:url(https://imgs.search.brave.com/DBaV1acStNYbkT7RGUr_wcXTDaD59decBeRw_PXIciI/rs:fit:500:0:1:0/g:ce/aHR0cHM6Ly9tZWRp/YS5nZXR0eWltYWdl/cy5jb20vaWQvMTI5/NzczNjIzOS9lcy9m/b3RvL2FydGlmaWNp/YWwtaW50ZWxsaWdl/bmNlLXJvYm90Lmpw/Zz9zPTYxMng2MTIm/dz0wJms9MjAmYz1O/MzNJWEhtalRrTHZW/NDhwaEZnNTdzR1lZ/d2JHSXhiVzVnc20w/R1ZNaXY0PQ);
    background-size: cover;
     font-size: 40px;  }  
 #data{ background-size:cover;
     font-size: 40px;
    background-image:url(https://imgs.search.brave.com/vBQZZZ7M_bDA_okWdF48YV7TKmU4hasWy4AXzcXgIP4/rs:fit:500:0:1:0/g:ce/aHR0cHM6Ly90My5m/dGNkbi5uZXQvanBn/LzA1Lzg4Lzc3LzI4/LzM2MF9GXzU4ODc3/Mjg2NV9GRzFNSVF4/Z3RQYTJ6cWU2am81/bG1EUVBybHZNZU40/ei5qcGc);}
.tnt:hover{border: 7px solid purple;}
.tnt {border: 7px solid white; color: aqua;width: 400px;height: 400px;box-shadow: 6px 6px 2px blueviolet;}
#bankai{font-family: cursive;text-align: center;margin-left: 50px;gap:30px;display: flex;}
#dankai{color: rgb(9, 10, 8);display: inline-block;background-color:aqua;border-radius:15px;}
.xya{text-align: center;background-image: url(https://imgs.search.brave.com/UxkjeEkmZRM25R4hw4wgRHAiZ4gR1j2I7-UibLLBZts/rs:fit:500:0:1:0/g:ce/aHR0cHM6Ly90aHVt/YnMuZHJlYW1zdGlt/ZS5jb20vYi9jb2Rl/LWluZm9ybWF0aXF1/ZS0zMzk5MTM5MS5q/cGc);background-size: 1400px; background-repeat: no-repeat;} 
ul{font-size: 42px;font-family:Arial, Helvetica, sans-serif;margin-top: 20px;}
@media print {.xya{display: none;} .msg{display: none;}} 
@media all and (max-width:800px) {header{background-size: cover;height: 350px;text-shadow: 1px 1px 0 blue;font-size: 30px;}  #bankai{display:block;text-align: center;margin-left: 0px;}  .tnt{display: block;margin-top: 30px;width: 350px;height: 230px;text-align: center;} .xya{font-size: 30px;background-size: 380px;background-repeat: repeat;text-shadow: 1px 1px 0 white;} body{background-repeat: repeat;background-size: 500px;margin: 30px;font-size:18px;} .msg{margin: 0 0 0 0;} .polices{font-size: 18px;} ul{font-size: 23px;} .mot-clé{font-size:23px;} .bijou{font-size: 28px;}}
@media all and (max-width:460px) {.tnt{width:250px;height: 130px;} ul{font-size: 20px;} header{height: 250px;} .mot-clé{font-size: 17px;} .bijou {font-size: 23px;} #cy{font-size: 25px;}  #data{font-size: 25px;} #ia{font-size: 25px;}}