.navbar{display:flex;position:absolute;margin-right:auto;margin-left:auto;z-index:99;width:90%;justify-content:space-between;align-items:center;transition:background .3s ease,box-shadow .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease,border .3s ease,border-radius .3s ease,margin-top .3s ease}.navbar.scroll{position:fixed;background:hsla(0,0%,100%,.3);box-shadow:0 4px 30px rgba(0,0,0,.4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.3);border-radius:30px;margin-top:1%;padding:.5rem 1rem}.logo-brand{font-size:20px;text-shadow:0 0 1px #ffab5c;cursor:pointer}.nav-search{display:flex;align-items:center;padding:0 .5rem}.nav-input,.nav-search{border-radius:20px;background-color:#fff}.nav-input{box-shadow:0 8px 24px hsla(210,8%,62%,.2);color:#000}.nav-input:focus{outline:none}.navlinks{display:flex;justify-content:flex-end;cursor:pointer}.nav-link{border-radius:20px;padding:0 1rem;margin:0 .5rem;background-color:#fbf8f6;font-size:14px;border:1px solid #fff;color:#000;transition:.2s ease-out}.nav-link,.nav-link:hover{box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2)}.nav-link:hover{background-color:#f6ab65;color:#fff;border:1px solid #000;transform:scale(1.1);transition:.2s ease-in}.hamburger{cursor:pointer;display:none;color:#f6ab65;font-size:25px;width:40px;height:40px;transition:transform .3s ease;z-index:999}.hamburger,.modal-nav{align-items:center;justify-content:center}.modal-nav{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.5);display:flex;z-index:3}.modal-nav-content{background:rgba(63,61,61,.13);box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #111010;padding:2rem;border-radius:8px;text-align:center;animation:slideIn .3s ease;color:#fff;height:70%;width:80%}@keyframes slideIn{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.modal-navlinks{height:100%;flex-direction:column}.modal-navlinks,.modal-navlinks .nav-link{display:flex;justify-content:center;align-items:center}.modal-navlinks .nav-link{margin-top:1rem;margin-bottom:1rem;width:150px;height:30px}.input{border-radius:20px}.couleurs{color:#f7f2ee;color:#f3ebe5;color:#fae0c1;color:#f6ab65}