html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,:before,:after{box-sizing:border-box}:root{--color-background:#0f0f0f;--color-text:#ededed;--color-principal:#c9a567}html,body{background-color:var(--color-background);color:var(--color-text);scroll-behavior:smooth;scrollbar-color:var(--color-principal) var(--color-background);scrollbar-width:thin;margin-inline:auto;font-family:Literata,serif;font-size:18px;line-height:1.7}body{max-width:1500px}a{color:inherit}p::selection{background-color:var(--color-principal);color:var(--color-background);text-shadow:none}h1::selection{background-color:var(--color-principal);color:var(--color-background);text-shadow:none}h2::selection{background-color:var(--color-principal);color:var(--color-background);text-shadow:none}h3::selection{background-color:var(--color-principal);color:var(--color-background);text-shadow:none}p::-moz-selection{background-color:var(--color-principal);color:var(--color-background);text-shadow:none}h1::-moz-selection{background-color:var(--color-principal);color:var(--color-background);text-shadow:none}h2::-moz-selection{background-color:var(--color-principal);color:var(--color-background);text-shadow:none}h3::-moz-selection{background-color:var(--color-principal);color:var(--color-background);text-shadow:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background-color:var(--color-principal);border:2px solid var(--color-background);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--color-principal) 80%, white)}.header{text-align:center;z-index:4;border-bottom:1px solid #c9a56726;flex-direction:column;align-items:center;gap:2rem;width:100%;padding:1rem;display:flex}.header-title{align-items:center;gap:10px;font-size:2rem;font-weight:700;text-decoration:none;transition:color .3s,fill .3s;display:flex}.header-title svg{width:40px;height:40px;fill:var(--color-text);transition:color .3s,fill .3s}.header-title:hover{color:var(--color-principal)}.header-title:hover svg{fill:var(--color-principal)}.header-title:focus-visible{color:var(--color-principal);outline:solid 1px var(--color-principal)}.header-title:focus-visible svg{fill:var(--color-principal)}.header-nav{flex-direction:column;align-items:flex-start;gap:1rem;width:100%;font-weight:700;display:flex}.header-link{margin-left:1rem;transition:color .3s}.header-link:hover{color:var(--color-principal)}.header-link:focus-visible{color:var(--color-principal);outline:solid 1px var(--color-principal)}.active{color:var(--color-principal)}.active svg{fill:var(--color-principal)}.button{border:solid 1px var(--color-principal);color:var(--color-principal);border-radius:1rem;align-items:center;gap:5px;padding:.5rem 1rem;text-decoration:none;transition:background .3s,color .3s,fill .3s;display:flex}.button svg{width:20px;height:20px;fill:var(--color-principal);margin-top:3px;transition:fill .3s}.button:hover{background-color:var(--color-principal);color:var(--color-background)}.button:hover svg{fill:var(--color-background)}.button:focus-visible{background-color:var(--color-principal);color:var(--color-background);outline:solid 1px var(--color-background)}.button:focus-visible svg{fill:var(--color-background)}@media only screen and (width>=900px){.header{background-color:var(--color-background);flex-direction:row;justify-content:space-between;gap:0;height:100px}.header-nav{flex-direction:row;align-items:center;gap:2rem;width:max-content}.header-link{margin:0}}.main{flex-direction:column;align-items:center;gap:50px;width:100%;margin-block:50px;padding:1rem;display:flex}.profile-picture{object-fit:cover;object-position:50% 75%;border-radius:100%;width:100px;height:100px}.section{flex-direction:column;align-items:center;gap:25px;width:100%;display:flex}.section-title{font-size:1.75rem;font-weight:700}.section-link{transition:color .3s}.section-link:hover{color:var(--color-principal)}.section-link:focus-visible{color:var(--color-principal);outline:solid 1px var(--color-principal)}.footer-go-up,.go-back{border:solid 1px var(--color-text);border-radius:5px;align-items:center;gap:.5rem;width:max-content;height:max-content;margin-top:1rem;padding:.5rem 1rem;text-decoration:none;transition:background .3s;display:flex}:is(.footer-go-up,.go-back) svg{width:25px;height:25px;margin-top:4px}.footer-go-up{align-self:flex-end}.footer-go-up:hover,.footer-go-up:focus-visible,.go-back:hover,.go-back:focus-visible{background-color:#ffffff1a}@media only screen and (width>=750px){.main{gap:50px}.section{gap:50px;max-width:750px;margin-inline:auto;padding:0}.section-title{font-size:2rem}}.footer{justify-content:space-between;margin-top:50px;padding:1rem;display:flex}.footer-link-container{flex-direction:column;gap:1rem;font-size:.75rem;display:flex}.footer-social-link{border:solid 1px var(--color-text);border-radius:5px;align-items:center;gap:.5rem;width:max-content;padding:.5rem;text-decoration:none;transition:background .3s;display:flex}.footer-social-link svg{width:20px;height:20px;margin-top:4px}.footer-social-link:hover,.footer-social-link:focus-visible{background-color:#ffffff1a}.mail svg{margin-top:2px}@media only screen and (width>=750px){.footer{margin-inline:auto;margin-bottom:1rem}.footer-social-link{width:max-content}}.projets{flex-direction:column;gap:50px;padding:1rem;display:flex}.projets-title{text-align:center;font-size:1.75rem;font-weight:700}.projets-card{border:1px solid #fff3;border-radius:1rem;flex-direction:column;align-items:center;gap:2rem;max-width:900px;margin-inline:auto;padding:1rem;display:flex}.projets-card .container-title{align-items:center;gap:1rem;display:flex}.projets-card-title{font-size:1.5rem;font-weight:700}.projets-card-logo{width:35px;height:35px;margin-top:5px}.projets-card-tech{flex-wrap:wrap;gap:.5rem;display:flex}.projets-tech-item{border:solid 1px var(--color-principal);text-align:center;border-radius:1rem;padding:.1rem .5rem;font-size:.7rem}.projets-genese,.projets-desc{flex-direction:column;gap:1rem;display:flex}.projets-genese-title,.projets-desc-title{text-align:center;font-size:1.25rem;font-weight:700}.projets-genese-resume,.projets-desc-resume{max-width:750px}.projets-link{border:solid 1px var(--color-text);border-radius:5px;align-items:center;gap:5px;padding:.5rem 1rem;text-decoration:none;transition:background .3s;display:flex}.projets-link svg{width:25px;height:25px}.projets-link:hover,.projets-link:focus-visible{background-color:#ffffff1a}.blog{flex-direction:column;gap:50px;padding:1rem;display:flex}.blog-title{text-align:center;font-size:1.75rem;font-weight:700}.blog-container{flex-direction:column;gap:1.5rem;width:100%;display:flex}.blog-item{border:solid 1px var(--color-text);cursor:pointer;z-index:3;border-radius:.5rem;flex-direction:column;justify-content:space-between;gap:1rem;min-height:250px;padding:1rem;transition:background .3s;display:flex;position:relative}.blog-item:hover{background-color:#ffffff1a}.blog-item-title{text-align:center;font-size:1.25rem;font-weight:700}.blog-item-info{flex-direction:column;gap:1rem;display:flex}.blog-item-date{margin-left:7px;font-size:.9rem}.blog-item-link{position:absolute;inset:0}.blog-item-link:focus-visible{outline:solid 3px var(--color-principal)}.hashtag-container{flex-wrap:wrap;gap:.5rem;display:flex}.hashtag{border:solid 1px var(--color-principal);text-align:center;border-radius:1rem;padding:.1rem .5rem;font-size:.7rem}.blog-item-info-arrow{justify-content:space-between;align-items:center;width:100%;display:flex}.blog-item-arrow{border:solid 1px var(--color-text);border-radius:100%;place-items:center;width:max-content;height:max-content;padding:.8rem;display:grid}.blog-item-arrow svg{width:25px;height:25px}@media only screen and (width>=900px){.blog-container{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}}.article-container{flex-direction:column;align-items:center;gap:50px;width:100%;padding:1rem;display:flex}.article-container .go-back{align-self:flex-start}.article{flex-direction:column;gap:50px;width:100%;max-width:750px;margin-inline:auto;display:flex}.article-header{flex-direction:column;gap:25px;display:flex}.article-header-title{font-size:2rem;font-weight:700}.article-header-date{margin-left:7px}.article-title{font-size:1.5rem;font-weight:700}.article-footer{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}