*{box-sizing:border-box}:root{--text-color: #fff;--heading-color: #000;--background-color: #08b099;--border-color: #333;--link-color: #007bff;--hover-color: #17a2b8}body{font-family:Arial,sans-serif;margin:0;padding:0;background:var(--background-color);max-height:100vh}.container{max-width:1200px;margin:0 auto}header{display:flex;align-items:center;margin:0;padding:0;min-height:80px}header .header__link-img{margin-top:20px;min-width:100px;min-height:100px;margin-left:20px}header .header__link{margin-left:20px;font-size:1.5rem}header .header__link a{color:#fff;text-decoration:none}header .header__link a:hover{color:var(--heading-color);transition:color .8s}header .header__search{display:flex;align-items:center;justify-content:space-between;margin-left:auto}header .header__search input{height:30px;padding:5px 10px;border-radius:5px;border:none;margin-right:40px;font-size:1rem;color:var(--background-color)}header .header__search .header__add{display:flex;margin:0 auto}header .header__search .header__add a img{width:30px;height:30px;margin-right:40px;cursor:pointer;filter:invert(1);transition:filter .3s}header .header__search .header__add a img:hover{transform:scale(1.2);transition:ease .3s}header .header__search .header__add span{text-align:center;font-size:1.2rem;color:var(--heading-color);text-shadow:4px 4px 6px rgba(0,0,0,.8);margin-right:40px}.subheader{display:flex;align-items:center;justify-content:center;margin-top:10px}.subheader img{width:100%;max-height:20vh;object-fit:cover;object-position:100% 40%;position:absolute;opacity:.7;box-shadow:4px 4px 8px 8px #0009}.subheader h1{font-size:4rem;color:var(--background-color);text-shadow:4px 4px 6px rgba(0,0,0,.8);z-index:2}@media only screen and (max-width: 599px){.header__link-img{display:none}header{margin:10px auto;flex-direction:column}.header__search{margin:10px auto}.subheader>img{max-height:10vh}h1{font-size:2rem!important}}@media only screen and (min-width: 600px) and (max-width: 899px){.header__link-img{display:none}}main{margin:0 auto;padding:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:10px}main .card{position:relative;flex:1 0 20%;margin:10px;background:var(--text-color);box-shadow:0 4px 8px #0009;border-radius:5px;background-color:var(--background-color)}main .card .card__img{border-radius:5px;padding:2px;object-fit:cover;height:300px;width:100%;transition:transform .3s ease;margin-bottom:5px}main .card .card__img:hover{cursor:pointer;transform:scale(1.1);transition:transform .6s ease}main .card .card__category{position:absolute;top:-8px;right:5px;font-size:14px;background-color:var(--background-color);padding:0 2px 2px 0;border-radius:5px;color:var(--text-color);font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}main .card .card__title{margin:0;font-size:24px;padding-left:5px;color:var(--heading-colo);font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}main .card .card__diff{margin:10px 0;font-size:18px;padding:0 7px;color:#bec344}main .card .card__text{margin:0 0 30px;padding:7px;font-size:16px;line-height:1.2;color:var(--heading-colo);font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}main .card .card__lien{position:absolute;bottom:5px;right:20px;text-decoration:none;color:#bec344;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}main .card .card__lien:hover{color:#ffb700;text-decoration:underline}.back-button{position:absolute;top:20px;left:20px;background:var(--text-color);color:var(--background-color);border:none;padding:5px 10px;border-radius:4px;cursor:pointer;transition:background-color .3s;z-index:20}.back-button:hover{background-color:var(--hover-color);color:var(--heading-color);box-shadow:4px 4px 6px #000c;transition:background-color .6s}span{color:#bec344;font-size:18px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.detailed-card{position:relative;flex:1 0 20%;background:var(--text-color);box-shadow:0 4px 8px #0009;border-radius:5px;background-color:var(--background-color);max-width:50%;margin:20px auto}.detailed-card .card__img{border-radius:5px;padding:2px;object-fit:cover;height:300px;width:100%;transition:transform .3s ease;margin-bottom:5px}.detailed-card .card__img:hover{cursor:pointer;transform:scale(1.1);transition:transform .6s ease}.detailed-card .card__category{position:absolute;top:-8px;right:5px;font-size:14px;background-color:var(--background-color);padding:0 2px 2px 0;border-radius:5px;color:var(--text-color);font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.detailed-card .card__title{margin:0;font-size:24px;padding-left:5px;color:var(--heading-colo);font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.detailed-card .card__diff{margin:10px 0;font-size:18px;padding:0 7px;color:#bec344}.detailed-card .card__text{margin:0;padding:7px;font-size:16px;line-height:1.2;color:var(--heading-colo);font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}*{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.recette .recette-title{margin:0 0 10px;font-size:2rem;color:var(--heading-color)}.recette{display:flex;margin:10px auto}.recette .new-recette{margin-right:10px;min-width:50%;border:1px solid var(--heading-color);border-radius:5px;padding:10px}.recette .new-recette:last-child{margin-right:0}.recette .new-recette form{display:flex;flex-direction:column}.recette .new-recette form .input__image{display:none}.recette .new-recette form .custom-file-button{background-color:var(--text-color);border:none;padding:5px 10px;border-radius:5px;color:var(--background-color);cursor:pointer;margin-right:20px;font-size:1rem;transition:background-color .3s;max-width:120px;margin-bottom:10px}.recette .new-recette form .custom-file-button:hover{background-color:var(--hover-color);color:var(--heading-color);box-shadow:4px 4px 6px #000c;transition:background-color .6s}.recette .new-recette form h1{margin:0 0 10px;font-size:2rem;color:var(--heading-color)}.recette .new-recette form label{margin-bottom:10px;font-weight:700;font-size:1.2rem;color:var(--heading-color)}.recette .new-recette form input,.recette .new-recette form textarea{margin-bottom:10px;padding:5px;border:none;border-radius:5px;font-size:1.2rem}.recette .new-recette form button{background-color:var(--text-color);border:none;padding:5px 10px;border-radius:5px;color:var(--background-color);cursor:pointer;margin-right:20px;font-size:1rem;transition:background-color .3s}.recette .new-recette form button:hover{background-color:var(--hover-color);color:var(--heading-color);box-shadow:4px 4px 6px #000c;transition:background-color .6s}.recette .all-recettes{border:1px solid var(--heading-color);border-radius:5px;padding:10px;min-width:50%}.recette .all-recettes section .wrapper{display:flex;flex-direction:row;justify-content:space-between;border:1px solid var(--heading-color);border-radius:5px;padding:0 10px;margin-top:10px}.recette .all-recettes section .wrapper .all-recettes__container{margin-left:120px;position:relative}.recette .all-recettes section .wrapper img.recipe-image{margin:10px auto;position:absolute;width:100px;height:100px;object-fit:cover;border-radius:10px}.recette .all-recettes section .wrapper .all-recettes__title{margin:5px 0 10px;font-size:1.2rem;color:var(--heading-color)}.recette .all-recettes section .wrapper .all-recettes__text{margin:0 0 10px}.recette .all-recettes section .all-recettes__liens{display:flex}.recette .all-recettes section .all-recettes__liens .all-recettes__lien{margin:10px 10px 0 0}@media only screen and (max-width: 599px){.recette{flex-direction:column;margin:10px}.new-recette{margin-right:0!important;margin-bottom:10px}}@media only screen and (min-width: 600px) and (max-width: 899px){.recette{flex-direction:column;margin:10px}.new-recette{margin-right:0!important;margin-bottom:10px}}footer{border-top:1px solid var(--heading-color);margin-top:10px;box-shadow:0 0 6px #0009;padding-top:20px;display:flex;justify-content:center;align-items:center;flex-direction:column}footer a{margin-right:20px}footer a:last-child{margin-right:0}footer a img:hover{transform:scale(1.2);transition:ease .3s}