:root{--color-sable:#F4F1E9;--color-vert:#32D7A0;--color-jaune:#FFCC3A;--color-violet:#BB92F7;--color-dark:#333;--background:var(--color-sable);--foreground:var(--color-dark);--size-0_5-rem:0.5rem}body,html{max-width:100vw}body{background:var(--foreground);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}*{box-sizing:border-box;padding:0;margin:0}.app-container{display:flex;flex-direction:column}main{flex:1 1}footer{bottom:0;z-index:10;margin-top:1rem}header{position:-webkit-sticky;position:sticky;top:0;z-index:10}.standard-button{border:3px solid rgba(0,0,0,0);border-radius:20px;border-radius:25px;padding:.5rem;color:#fff;cursor:pointer;font-weight:700}.standard-button,.standard-button:focus{background:linear-gradient(var(--color-dark),var(--color-dark)) padding-box,linear-gradient(90deg,var(--color-violet),var(--color-jaune)) border-box;background-clip:padding-box,border-box}.standard-button:focus{outline:none}.standard-button:focus,.standard-button:hover{border:3px solid rgba(0,0,0,0);border-radius:20px}.standard-button:hover{background:linear-gradient(white,white) padding-box,linear-gradient(90deg,var(--color-violet),var(--color-jaune)) border-box;background-clip:padding-box,border-box;color:var(--color-dark)}@media(max-width:450px){.standard-button{width:300px}}