.nav{display:flex;position:fixed;width:100%;justify-content:space-between;padding:20px 45px;left:0;background-color:var(--dark-green);box-shadow:0 4px 4px var(--shadow-color);color:var(--light);z-index:10}.nav__title{display:none;font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1.1;font-family:Bona Nova,serif}.nav__tabs{display:flex;gap:40px;align-self:center}.nav__tabs a{padding:8px 16px;color:inherit;text-decoration:inherit;border-radius:52px;font-family:Quattrocento,serif}.nav__tabs a:hover{background-color:var(--orange);color:var(--dark-green)}.nav__tabs .nav__tab--active{background-color:var(--light);color:var(--dark-green)}@media screen and (min-width:700px){.nav__tabs a{padding:8px 16px;color:inherit;text-decoration:inherit}.nav__title{display:block;white-space:nowrap;align-self:center}}@media screen and (max-width:699px){.nav{padding:12px 16px;justify-content:center}.nav__tabs{gap:8px}}.button{padding:14px;border:2px solid var(--font-color);border-radius:10px;font-size:15px;font-weight:500}.text-input__input,.text-input__textarea{background-color:var(--shadow-color);padding:14px;border-radius:8px;font-size:16px}.text-input{display:flex;flex-direction:column;gap:4px;flex:1 1 auto}.text-input textarea{resize:vertical;height:150px}.text-textarea{width:100%}.text-input span{padding:0 6px;font-weight:300}.formulaire{max-width:565px;align-self:center;justify-content:flex-end}.formulaire,.formulaire__text-input{display:flex;flex-wrap:wrap;width:100%;gap:20px}.formulaire__text-input{justify-content:space-between}.info{display:flex;align-items:center;text-align:center;transition:background-color .16s ease-in-out}.info--vertical{flex-direction:column;justify-content:space-evenly;box-shadow:1px 1px 4px var(--shadow-color)}.info__title{margin:0 10px;display:flex}.info__icon,.info__title{flex:1 1 auto}.info[data-category=dev]{border:1px solid var(--blue);border-radius:8px}.info[data-category=logiciel]{border:1px solid var(--orange);border-radius:8px}.info[data-category=langues]{border:1px solid var(--yellow);border-radius:8px}.info[data-category=other]{border:1px solid var(--font-color);border-radius:8px}.info[data-category=other]:hover{background-color:color-mix(in srgb,#abc5cf 10%,transparent)}.info[data-category=dev]:hover{background-color:color-mix(in srgb,var(--blue) 20%,transparent)}.info[data-category=langues]:hover{background-color:color-mix(in srgb,var(--yellow) 20%,transparent)}.info[data-category=logiciel]:hover{background-color:color-mix(in srgb,var(--orange) 20%,transparent)}.footer{display:flex;box-shadow:6px 0 4px var(--shadow-color);justify-content:space-around;padding:30px 0;background-color:var(--yellow)}.footer__about,.footer__contact,.footer__links{display:flex;flex-direction:column;width:27%;align-items:flex-start}.footer__about p,.footer__contact a,.footer__links a{padding-left:5px}.footer__contact a,.footer__links a{padding:2px 5px;text-decoration:none}@media screen and (max-width:800px){.footer{flex-direction:column;gap:24px;padding:30px 24px}.footer__about,.footer__contact,.footer__links{width:100%}}.header{height:200px}.header__title{font-size:50px;font-weight:700;position:absolute;left:50%;transform:translate(-50%);padding:0 80px;top:175px;font-family:Bona Nova,serif;color:var(--dark-green);z-index:100}.content{background-color:var(--light);display:flex;flex-direction:column;padding:80px 20px}