@import url("https://fonts.googleapis.com/css2?family=Lato&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");html{height:100%;margin:0;padding:0;color:#000;font-family:"Roboto",sans-serif;font-size:1em;font-weight:normal;background-color:#fff;background-image:url("../Images/Fond.jpg");background-attachment:fixed;background-position:center center;background-repeat:no-repeat;background-size:cover;}html *{margin:0;padding:0;}html body{height:100%;}html body form{min-height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;}html body form #Layout{padding:50px;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:center;row-gap:50px;}html body form section h1,html body form section h2,html body form section p{text-align:center;}html body form section h1 a,html body form section h2 a,html body form section p a{color:#000;text-decoration:none;transition:color 250ms ease-in-out;}html body form section h1 a:hover,html body form section h2 a:hover,html body form section p a:hover{color:#f89c1b;}html body form section:nth-child(1) a{width:12em;display:block;}html body form section:nth-child(1) a img{width:100%;height:auto;display:block;}html body form section:nth-child(2) h1,html body form section:nth-child(2) h2{font-family:'Lato',sans-serif;font-weight:normal;}html body form section:nth-child(2) h1{font-size:4em;}html body form section:nth-child(2) h2{font-size:2em;margin-bottom:25px;}html body form section:nth-child(2) p{font-size:1.5em;}html body form section:nth-child(3) p{font-size:1.1em;}html body form section:nth-child(3) p:not(:last-child){margin-bottom:10px;}html body form section:nth-child(3) p a{display:flex;justify-content:center;align-items:center;}html body form section:nth-child(3) p a img{height:1.3em;margin-right:5px;display:block;transition:transform 500ms ease-in-out;}html body form section:nth-child(3) p a:hover img{transform:rotate(360deg);}html body form section:nth-child(3) p:nth-child(1) a:hover{color:#ffc80b;}html body form section:nth-child(3) p:nth-child(2) a:hover{color:#f89c1b;}html body form section:nth-child(3) p:nth-child(3) a:hover{color:#db7027;}html body form section:nth-child(3) p:nth-child(4) a:hover{color:#0c6bb6;}html body form section:nth-child(4) p{font-size:.8em;}html body form section:nth-child(4) hr{width:5em;height:2px;margin:0 auto 5px auto;background:#000;border:none;display:block;}