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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-decoration:none;color:inherit}input{padding:0;margin:0}button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:#171717;line-height:1;height:100%;color:#fff}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}.container{padding:0 1rem;//height: 100vh}@media (min-width: 768px){.container{padding:0 5rem}}body.no-scroll{overflow:hidden}.home{display:flex;flex-direction:column;gap:2rem}.home-wrapper{display:flex;flex-direction:column}.home-title{padding-bottom:2rem;text-align:center;font-size:2rem}.home-article-wrapper{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;padding:1rem 0}@media (min-width: 768px){.home-article-wrapper{justify-content:initial}}.home-no-article{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem 0}.home-no-article>h2{text-align:center;font-size:2rem}.home-no-article--description{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;text-align:center;font-size:1.2rem;max-width:40rem}.home-no-article-img{width:10rem;height:10rem}.home--load-more-btn{padding:1rem}.description-component{font-size:14px}.primary-font{font-family:Poppins,sans-serif;font-weight:600;font-style:normal}.secondary-font{font-family:Lora,serif;font-weight:500;font-style:normal;line-height:16px}.article{display:flex;flex-direction:column;border:1px solid #636363;border-radius:10px;padding:.5rem;background-color:#000}@media (min-width: 768px){.article{max-width:20rem}}.article-img-wrapper{width:100%}.article-img-wrapper>img{height:200px;object-fit:cover;border-top-right-radius:10px;border-top-left-radius:10px}.article-body{display:flex;flex:1 0 25ch;flex-direction:column;gap:1rem;padding:1rem 0}.article-body>h3{min-height:3rem}.article-source{color:gray;font-size:12px}.article-description{color:#94aad3}.navBar{display:flex;justify-content:space-between;align-items:center;padding:2rem 1rem}@media (min-width: 768px){.navBar{padding:2rem 5rem}}.navBar--title{font-size:1.2rem}.navBar--burger{width:1.5rem}.popin{position:absolute;inset:0;z-index:1;padding:2rem;background-color:#171717;height:100%;overflow:auto;visibility:hidden;transform:translateY(-20px);opacity:0;transition:transform .3s ease,opacity .3s ease}.popin--visible{transform:translateY(0);opacity:1;visibility:initial}.popin--heading{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem}.popin--heading--search-bar-wrapper{display:flex;gap:.5rem}.popin--heading--search-bar-wrapper>div:first-child{flex:1}.popin--body{display:flex;flex-direction:column;gap:.5rem}.popin--article{display:flex;gap:.5rem}.popin--article:hover{background-color:#272727;cursor:pointer}.popin--article--img-wrapper{max-width:5rem}.popin--article--img-wrapper>img{object-fit:cover;width:5rem;height:3rem}.search-bar>input{height:2.5rem;width:100%}.toggle-wrapper{display:flex;align-items:center}.switch{width:60px;height:30px;background:#555;border-radius:50px;position:relative;cursor:pointer;transition:background .3s ease}.thumb{width:24px;height:24px;background:#000;border-radius:50%;position:absolute;top:3px;left:3px;transition:all .3s ease}.is-switch{background:#111;transform:translate(30px)}.is-switch-background{background:linear-gradient(135deg,#00a7a7,#006d77 55%,#004f4f)}.article-page{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.article-page--wrapper{display:flex;flex-direction:column;gap:1.5rem;max-width:600px}.article-page--header{display:flex;flex-direction:column;gap:1rem}.article-page--header>img{object-fit:cover}.article-page--description{display:block;margin:-30px auto 0;position:relative;width:95%;padding:1rem;border:solid 1px white;border-radius:10px;background-color:#000}.article-page--decryptage{display:flex;flex-direction:column;gap:1rem}.article-page--section-version{display:flex;align-items:center;gap:1rem}.article-page--body{display:flex;flex-direction:column;gap:1rem}.article-page--title{font-size:1.5rem}.article-page--source{color:gray;font-size:14px}.article-page--subtitle{font-size:1.2rem}.article-page--bloc{display:flex;flex-direction:column;gap:1rem;border:solid 1px white;border-radius:7px;padding:.5rem;background:linear-gradient(135deg,#00a7a7,#006d77 55%,#004f4f);color:#000}.article-page--bloc--title-wrapper{display:flex;align-items:center;gap:.5rem}.article-page--bloc--title-wrapper>h2{font-size:16px}.article-page--bloc--description{text-align:justify}.article-page--bloc--logo{width:1.5rem}