@font-face{font-family:Lato;src:url("./fonts/Lato-Regular.ttf")}@font-face{font-family:"Bebas Neue";src:url("./fonts/BebasNeue-Regular.ttf")}:root{--bg:#222222;--text:#ffffff;--link:#66a3ff;--li-bg:#3b3b3b}:focus{outline:0!important}:focus,a:hover{outline:0;box-shadow:0 0 2px 0 #ffffffff,0 0 4px 0 #ffffffaa,0 0 8px 0 #ffffff66,0 0 16px 0 #ffffff33,0 0 32px 0 #ffffff11}body{background:var(--bg);color:var(--text);font-family:Lato;margin:auto;padding:0;font-size:16px;line-height:1.6em;overflow-x:hidden}.body{box-sizing:border-box}.footer p{margin:auto;padding:2em 0;width:40%}canvas{position:fixed;top:0;left:0;z-index:-1}main{backdrop-filter:blur(15px);padding:3em;border:1px solid;width:50%;border-radius:50px;left:50%;position:relative;background-color:transparent;transform:translateX(-50%);transition:background-color .3s}main.read{background-color:#121212d1}main.body.articles-list{padding:2em;width:80%}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;scrollbar-width:thin;scrollbar-color:var(--dark-grey) var(--clear-grey)}label{pointer-events:none}input[type=checkbox]{border:none;pointer-events:none;margin:0 5px}ul{padding:0}li{list-style:none;padding:.5em 1em;margin-bottom:3px;background:var(--li-bg);border-radius:5px}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:initial}::-webkit-scrollbar-thumb{background:#356745;border-radius:10px;border:2px solid #356745}h1,h2,h3,h4,h5,h6{font-family:"Bebas Neue";max-width:calc(100% - 1em);line-height:normal}a{color:var(--link);text-decoration:initial;cursor:pointer;display:block;font-weight:700;box-shadow:none;transition:box-shadow .3s;padding:.2em .4em;border-radius:10px}section a{display:initial}blockquote{margin:1em 0 auto 3em;font-size:.9em;text-align:left;padding:.2em 1em;background:#0066ff1f;border-radius:10px;line-height:1.3em;width:calc(100% - 5em)}blockquote h4{text-align:right;margin:1em auto auto;font-size:1.5em;border-bottom:1px solid;padding-bottom:.5em;width:100%;max-width:initial}blockquote.warning{background:#511b1b;color:#f1d6b8}blockquote.info,blockquote.note{color:#a0e4ff}button{background-color:#eee;border:none;font-size:1em;font-family:Lato;line-height:0;padding:1.3em;border-radius:8px;cursor:pointer;transition:background-color .2s,color .2s;margin:auto}button:hover{background-color:#151515;color:#eee}button:disabled,button:disabled:hover{cursor:not-allowed;pointer-events:none}h3{font-size:1.8em}h4{font-size:1.3em}table{border:2px solid #757474;border-radius:10px;padding:0;border-spacing:0;overflow:hidden}th{background:#454545;border:none;border-spacing:0;border-collapse:collapse;text-align:left;padding:.5em 1em}td{padding:.5em 1em;border-bottom:1px solid #696666}tr.even td{background:#2d2d2d}tr.odd td{background:#1a1a1a}tr:last-child td{border-bottom:none}label.input-container{pointer-events:initial;display:flex;width:100%;margin:1em 0}label.input-container span{min-width:fit-content;margin-right:1em}input,textarea{background:#1a1a1a;border:none;border-bottom:1px solid #5d5d5d;color:var(--text);font-family:Lato;font-style:italic;font-size:1em;padding:.8em 1.5em;margin:auto;border-radius:5px 5px 0 0}.sourceCode{background:#1e1e1e;max-width:100%;overflow:auto;padding:0;border-radius:6px}.footer{backdrop-filter:blur(20px);border-top:1px solid;margin-top:5em}.footer .medias{display:flex;justify-content:right;margin-right:1em;margin-top:1em;padding-bottom:2em}.footer .medias a{margin:0 .5em;overflow:hidden;border:1px solid #fff;line-height:0;border-radius:100px;padding:0}.footer .medias a img{width:44px;filter:saturate(0) invert(1)}.footer .medias a img.medium{filter:saturate(0)}pre.sourceCode{margin:0}code{background:#353535;padding:.2em .5em;border-radius:5px;margin:.2em}iframe,img,video{width:100%;border-radius:5px;max-height:80vh}iframe{min-height:340px}.sourceCode code{background:initial;padding:initial;border-radius:initial;margin:initial}.thumnails{display:grid;grid-template-columns:auto auto auto auto;margin:auto;position:relative}.thumnails .thumnail{margin:.5em;cursor:pointer;width:calc(100% - 1em);height:170px;overflow:hidden;position:relative;border-radius:43px;transition:transform .3s,opacity .3s,box-shadow .3s;border:1px solid #fff;box-sizing:border-box}a.thumnail{color:inherit;text-decoration:none}#active-article{opacity:0;transition:opacity .3s}#active-article.shown{opacity:1}.thumnails .thumnail.ignored{opacity:0;transform:translateY(300px)}.thumnails .thumnail.active{opacity:0;transform:scale(3)}.thumnails .thumnail img{width:100%;height:100%;object-fit:cover;max-height:initial;filter:blur(5px) brightness(.5);border-radius:0;transform:scale(1.1);transition:filter .5s,transform .5s}.thumnails .thumnail h3{position:absolute;width:100%;padding:.8em;top:50%;left:0;margin:0;transform:translateY(-50%);font-size:1.5em;box-sizing:border-box}.thumnails .thumnail:hover img{filter:blur(2px) brightness(.7) saturate(1.2);transform:scale(1.2)}header{overflow:hidden;height:700px;position:relative}header h1{font-size:8em;margin:auto;text-align:center}img.background{position:fixed;width:100vw;height:100vh;object-fit:cover;z-index:-1;max-height:initial}header .text{display:flex;flex-direction:column;position:absolute;z-index:1;top:50%;transform:translateY(-50%);backdrop-filter:blur(20px);padding:4em;border:1px solid;border-radius:78px;margin:0 3em}header h2{margin:auto;text-align:center;font-family:Lato;font-size:2.5em;line-height:1.8em}.thumnail .date{position:absolute;z-index:2;margin:1em 1.8em 1em auto;color:grey;font-size:.8em;font-style:italic;right:0}.thumnail p.description{top:100%;position:absolute;line-height:1.4em;font-size:.8em;padding:1em;font-style:italic;transition:top .5s;background-color:#000000b0;backdrop-filter:blur(15px);border-top:1px solid;left:0}.thumnail:hover p.description{top:11.1%}@media (max-width:1580px){.thumnails{grid-template-columns:auto auto auto}main{width:70%}}@media (max-width:1450px){.footer p{width:55%}.thumnails{grid-template-columns:auto auto auto}main{width:75%}}@media (max-width:1250px){.footer p{width:75%}main{width:80%}}@media (max-width:1170px){.thumnails{grid-template-columns:auto auto}}@media (max-width:800px){.footer p{width:80%}header h1{font-size:6em}header h2{font-size:1.6em}}@media (max-width:680px){.thumnails{grid-template-columns:auto}.thumnails .thumnail{height:240px}}@media (max-width:600px){.footer p{width:calc(100% - 2em)}.body{padding:2em 1em}blockquote{width:calc(100% - 4em);margin-left:1em}label.input-container{flex-direction:column}label.input-container span{min-width:fit-content;margin-right:initial;margin-bottom:.5em}}@media (max-width :560px){header h1{font-size:6em}header h2{font-size:1.7em;padding:.5em}main,main.body.articles-list{width:calc(100% - 1em)}main.body.articles-list{padding:0}header{height:450px}header .text{margin:.5em;padding:.5em;top:1em;transform:initial}}@media (max-width:370px){h3{font-size:1.5em}header h1{font-size:4em}}