*{margin:0;padding:0 0 0%;box-sizing:border-box}body{--color-primary: #f76c5e;--color-secondary: #f68f5fb9;--color-tertiary: #ffeee6;background-color:var(--color-tertiary)}body nav{background-color:var(--color-primary)}.creer button{border-radius:10px;background-color:var(--color-primary)}.popup form input{border-radius:10px}.popupBackground{display:none;position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:var(--color-secondary)}.popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);flex-wrap:wrap;justify-content:center;align-items:center;width:80vw;padding:20px;text-align:center;color:#fff;font-size:17px;font-weight:500;background-color:var(--color-primary);border-radius:30px;z-index:1}.active{display:flex!important}.popup p{width:100%;margin-bottom:20px}.popup form{display:flex;flex-direction:column}.popup input{margin-bottom:10px}.popup button{margin:5px;border-radius:10px}@media screen and (max-width: 1200px){main{width:60%;padding:30px}}@media screen and (max-width: 800px){main{width:90%;padding:10px}}