:root{--radius: 4px}a{color:var(--rgn-brand-accent)}a.primary,button[type=submit]{display:flex;align-items:center;position:relative;color:var(--rgn-foreground-primary);text-decoration:none;padding:calc(var(--rgn-text-body-font-size)*.3) 0}a.primary.withIcons::before,button[type=submit].withIcons::before{bottom:8px}a.primary .iconBox,button[type=submit] .iconBox{position:relative;margin-left:8px;height:24px;width:24px}a.primary .iconBox .icon,a.primary .iconBox::after,button[type=submit] .iconBox .icon,button[type=submit] .iconBox::after{width:100%;height:100%}a.primary .iconBox::after,button[type=submit] .iconBox::after{content:'';display:block;z-index:-1;top:0;background:var(--rgn-brand-accent)}a.primary .iconBox .icon,button[type=submit] .iconBox .icon{background:var(--rgn-foreground-primary)}a.primary .iconBox.rss .icon,a.primary .iconBox.rss::after,button[type=submit] .iconBox.rss .icon,button[type=submit] .iconBox.rss::after{-webkit-mask-image:url(/assets/images/icons/rss.svg);mask-image:url(/assets/images/icons/rss.svg)}a.primary .iconBox.email .icon,a.primary .iconBox.email::after,button[type=submit] .iconBox.email .icon,button[type=submit] .iconBox.email::after{-webkit-mask-image:url(/assets/images/icons/email.svg);mask-image:url(/assets/images/icons/email.svg)}a.primary .iconBox::after,a.primary::after,a.primary::before,button[type=submit] .iconBox::after,button[type=submit]::after,button[type=submit]::before{position:absolute;will-change:transform;transition:transform .3s}a.primary::before,button[type=submit]::before{content:'';display:block;width:40px;height:4px;bottom:4px;left:-2px;z-index:-2;background:var(--rgn-brand-accent);transform-origin:right center}a.primary::after,button[type=submit]::after{content:attr(data-text);color:var(--rgn-brand-accent);padding:calc(var(--rgn-text-body-font-size)*.3) 0;left:0;bottom:0;z-index:-1}a.primary.focus::before,a.primary:hover::before,button[type=submit].focus::before,button[type=submit]:hover::before{transform:scaleX(0)}a.primary.focus .iconBox::after,a.primary.focus::after,a.primary:hover .iconBox::after,a.primary:hover::after,aside .content .head .close:hover::after,button[type=submit].focus .iconBox::after,button[type=submit].focus::after,button[type=submit]:hover .iconBox::after,button[type=submit]:hover::after{transform:translate(2px,2px)}form.singleInputForm{position:relative;display:flex;background:color-mix(in srgb,var(--rgn-foreground-primary) 5%,transparent);border-radius:var(--radius);margin-top:16px;overflow:hidden}form.singleInputForm.error input{background:rgba(255,0,0,.2)}form.singleInputForm button,form.singleInputForm input{border:0;background:0 0}form.singleInputForm input{padding:8px 16px;flex:3}form.singleInputForm .submitBox{padding:8px 16px;border-left:1px solid var(--rgn-border-default)}form.singleInputForm .success{position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:0;background:var(--rgn-foreground-primary);border-radius:var(--radius);color:var(--rgn-brand-accent)}body,html{margin:0;padding:0}body{background:var(--rgn-background-z0);color:var(--rgn-foreground-primary)}.container{margin:24px auto 80px;max-width:1000px}.customPointerCanvas{position:fixed;z-index:100;top:0;left:0;width:100vw;height:100vh;pointer-events:none}.hiddenUrl{display:none}@font-face{font-family:'MADE Kenfolg';src:url(/assets/vendor/romain-garden-ds/assets/kenfolg.woff) format('woff'),url(/assets/vendor/romain-garden-ds/assets/kenfolg.ttf) format('truetype');font-weight:400 700;font-display:swap}::-moz-selection{text-shadow:2px 2px 0 var(--rgn-brand-accent);background:color-mix(in srgb,var(--rgn-brand-accent) 20%,transparent)}::selection{text-shadow:2px 2px 0 var(--rgn-brand-accent);background:color-mix(in srgb,var(--rgn-brand-accent) 20%,transparent)}h1,h2,h3,ul{margin:0}a,button,input,li,p,span{line-height:1.6;margin:0}ul{list-style-type:none;padding:4px 0 0}ul li::before{content:'-';margin-right:4px}p{margin-top:8px;max-width:calc(var(--rgn-text-body-font-size)*40)}p.secondary{color:var(--rgn-foreground-secondary);text-align:center;margin:0 auto;max-width:480px;padding:0 20px}aside .content,header{box-sizing:border-box;background:var(--rgn-background-z0)}header{position:sticky;top:0;z-index:110;width:100%}header .navBar{display:flex;align-items:center;justify-content:space-between;gap:16px}header .navBar romain-garden-nav{position:static;flex:1;min-width:0;background:0 0}header .navBar nav{display:flex;align-items:center;flex-shrink:0;gap:24px;padding-right:40px}aside{background:var(--rgn-background-overlay);position:fixed;top:0;right:0;width:100vw;height:100vh;overflow:hidden;transform:translateX(0);will-change:opacity;transition:opacity .3s}aside.close{opacity:0}aside.close .content{transform:translateX(100%)}aside .content{margin-left:auto;width:580px;height:100%;padding:16px 40px;overflow:auto;will-change:transform;transition:transform .3s}aside .content .head{display:flex;position:relative;z-index:2;justify-content:space-between;align-items:center}aside .content .head .close{display:block;padding:12px;height:20px;width:20px}aside .content .head .close .icon,aside .content .head .close::after{width:20px;height:20px;-webkit-mask-image:url(/assets/images/icons/close.svg);mask-image:url(/assets/images/icons/close.svg)}aside .content .head .close .icon{background:var(--rgn-foreground-primary)}aside .content .head .close::after{content:'';display:block;position:absolute;z-index:-1;top:12px;background:var(--rgn-brand-accent);will-change:transform;transition:transform .3s}aside .content section{margin-top:56px}aside .content section h1{margin-bottom:40px}aside .content section:last-of-type{margin-bottom:56px}aside .content section .quickLinks{display:flex;flex-wrap:wrap}aside .content section .quickLinks .quickLink{height:44px;width:44px;margin:8px 24px 16px 0;opacity:.8;will-change:opacity,transform;transition:opacity .3s,transform .3s}aside .content section .quickLinks .quickLink:hover{opacity:1;transform:scale(1.1)}aside .content section .quickLinks .quickLink:last-of-type{margin-right:0}aside .content section .quickLinks .quickLink.feedly{background:url(/assets/images/rss/feedly.png) no-repeat center;background-size:100%}aside .content section .quickLinks .quickLink.theoldreader{background:url(/assets/images/rss/theoldreader.png) no-repeat center;background-size:100%}aside .content section .quickLinks .quickLink.inoreader{background:url(/assets/images/rss/inoreader.png) no-repeat center;background-size:100%}aside .content section .quickLinks .quickLink.netvibes{background:url(/assets/images/rss/netvibes.png) no-repeat center;background-size:100%}aside .content section .quickLinks .quickLink.feedbin{background:url(/assets/images/rss/feedbin.png) no-repeat center;background-size:100%}aside .content section .rssLinkBox{position:relative;z-index:2;display:flex;align-items:baseline}aside .content section .rssLinkBox a.primary{margin-left:16px}aside .content section .rssLinkBox .copiedToClipboardNotification{margin-left:16px;padding:8px 16px;border-radius:var(--radius);background:var(--rgn-brand-accent)}.aboutBox{display:flex;min-height:calc(100vh - 160px);align-items:center;padding:0 40px}.aboutBox .side{width:50%}.aboutBox p{margin-top:16px}.mainWord{text-shadow:4px 4px 0 var(--rgn-brand-accent)}.mainWord:nth-of-type(2){margin:40px 0}.books{margin:80px auto;max-width:800px}.book{margin:0 40px 40px}.book img,article img.cover{-o-object-fit:cover;object-fit:cover}.book img{height:200px;width:130px;background:var(--rgn-foreground-primary);margin-right:28px}.book .contentRow{display:flex;flex-direction:column;justify-content:center}.book .contentRow a.primary{margin-top:calc(var(--rgn-text-body-font-size)*.7)}article{padding:8px;border-radius:4px;margin:80px 120px 120px;transition:background-color .2s ease-in-out;cursor:pointer}article:hover{background-color:color-mix(in srgb,var(--rgn-foreground-primary) 5%,transparent)}article img.cover{display:block;width:100%;max-height:60vh;border-radius:4px;margin:0 auto 16px}article .content{display:flex}article .content .toolsRow{margin:8px 40px 16px 16px}article .content .toolsRow .counterBox{display:flex;position:relative;align-items:center;background:var(--rgn-foreground-primary);padding:8px 16px;border-radius:var(--radius);color:var(--rgn-brand-accent);border:0;cursor:pointer;font-family:var(--rgn-text-large-title-font-family);font-weight:var(--rgn-text-large-title-font-weight);font-size:var(--rgn-text-large-title-font-size);letter-spacing:var(--rgn-text-large-title-letter-spacing);line-height:1}article .content .toolsRow .counterBox::after{content:'';display:block;position:absolute;z-index:-1;left:0;width:100%;height:100%;border-radius:var(--radius);background:var(--rgn-brand-accent);will-change:transform;transition:transform .3s}article .content .toolsRow .counterBox .label{min-width:28px;margin-right:8px;line-height:1}article .content .toolsRow .counterBox .heart{position:relative;width:20px;height:20px}article .content .toolsRow .counterBox .heart::after,article .content .toolsRow .counterBox .heart::before{content:'';position:absolute;left:0;width:20px;height:20px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% auto;mask-size:100% auto}article .content .toolsRow .counterBox .heart::before{background:var(--rgn-brand-accent);-webkit-mask-image:url(/assets/images/fire-border.svg);mask-image:url(/assets/images/fire-border.svg)}article .content .toolsRow .counterBox .heart::after{background:var(--rgn-foreground-on-brand);-webkit-mask-image:url(/assets/images/fire.svg);mask-image:url(/assets/images/fire.svg);opacity:0}article .content .toolsRow .counterBox:hover::after,article .content .toolsRow .shareButton .socialButton.background.hover{transform:translate(2px,2px)}article .content .toolsRow .counterBox.liked{background:var(--rgn-brand-accent);color:var(--rgn-foreground-on-brand)}article .content .toolsRow .counterBox.liked::after{background:var(--rgn-foreground-on-brand)}article .content .toolsRow .counterBox.liked .heart::after{opacity:1}article .content .toolsRow .shareButton{display:flex;align-items:center;justify-content:center;position:relative;border:0;margin:24px auto 0;padding:0;background:0 0}article .content .toolsRow .shareButton.isOpenByTap .shareIcon,article .content .toolsRow .shareButton:hover .shareIcon{opacity:0;transform:scale(.6)}article .content .toolsRow .shareButton.isOpenByTap .socialButton,article .content .toolsRow .shareButton:hover .socialButton{transform:scale(1);opacity:1;pointer-events:auto}article .content .toolsRow .shareButton.isCopied .shareIcon,article .content .toolsRow .shareButton.isCopied .socialButton{opacity:0;transform:scale(.6)}article .content .toolsRow .shareButton .copiedToClipboardNotification{position:absolute;z-index:10;padding:8px 16px;border-radius:var(--radius);background:var(--rgn-brand-accent)}article .content .toolsRow .shareButton .shareIcon,article .content .toolsRow .shareButton .socialButton{will-change:opacity,transform;transition:opacity .3s,transform .3s;background:var(--rgn-foreground-primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}article .content .toolsRow .shareButton .shareIcon{height:44px;width:44px;-webkit-mask-image:url(/assets/images/share.svg);mask-image:url(/assets/images/share.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%}article .content .toolsRow .shareButton .socialButton{display:block;position:absolute;height:28px;width:28px;transform:scale(.6);opacity:0;pointer-events:none;-webkit-mask-size:100% auto;mask-size:100% auto}article .content .toolsRow .shareButton .socialButton.background{background:var(--rgn-brand-accent);z-index:-1;will-change:transform;transition:transform .3s}article .content .toolsRow .shareButton .socialButton.link{top:calc(50% - 14px);left:-14px;-webkit-mask-image:url(/assets/images/social/link.svg);mask-image:url(/assets/images/social/link.svg)}article .content .toolsRow .shareButton .socialButton.linkedin{bottom:-14px;right:-14px;-webkit-mask-image:url(/assets/images/social/linkedin.svg);mask-image:url(/assets/images/social/linkedin.svg)}article .content .toolsRow .shareButton .socialButton.twitter{top:-14px;right:-14px;-webkit-mask-image:url(/assets/images/social/twitter.svg);mask-image:url(/assets/images/social/twitter.svg)}article .content .contentRow{flex:3;cursor:pointer}article .content .contentRow h2{margin-right:16px}article .content .contentRow p{margin-top:12px;margin-bottom:8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.singleArticleBox{min-height:calc(100vh - 160px);display:flex;align-items:center}.singleArticleBox article{margin:0 120px}@media screen and (max-width:900px){.singleArticleBox article,article{margin:80px 80px 120px}.aboutBox{flex-direction:column;justify-content:center}.aboutBox .side{width:auto}.aboutBox .side .mainWord:nth-of-type(2){margin:24px 0}.aboutBox .side:last-of-type{margin:24px 0}}@media screen and (max-width:700px){.singleArticleBox article,article{margin:80px 40px 120px}}@media screen and (max-width:600px){header .navBar{gap:12px}header .navBar nav{gap:12px;padding-right:16px}header .navBar nav a.withIcons .iconBox{display:none}.singleArticleBox article,article{position:relative}.singleArticleBox article img.cover,article img.cover{min-height:42px}.singleArticleBox article img.cover:not([src]),article img.cover:not([src]){visibility:hidden}.singleArticleBox article .content .toolsRow,article .content .toolsRow{margin:0;order:2}.singleArticleBox article .content .toolsRow .counterBox,article .content .toolsRow .counterBox{position:absolute;top:0;left:0}.singleArticleBox article .content .toolsRow .shareButton,article .content .toolsRow .shareButton{position:absolute;right:8px;margin-top:8px}.singleArticleBox article .content .contentRow h2,article .content .contentRow h2{margin-right:64px}aside.close .content{transform:translateY(100%)}aside .content{width:auto}.book .content{flex-direction:column}.book .content img{width:140px;height:215px;margin-bottom:21px}}@media screen and (max-width:500px){.singleArticleBox article,article{margin:80px 16px}header .navBar nav{padding-right:16px}.aboutBox{padding:0 16px;align-items:flex-start}aside .content{padding:16px}aside .content section{margin-top:40px}form.singleInputForm{flex-direction:column}form.singleInputForm .submitBox{border-top:1px solid var(--rgn-border-default);border-left:none}form.singleInputForm .submitBox button[type=submit]{margin:0 auto}.book{margin:0 16px 40px}}@media screen and (hover:none){.customPointerCanvas{display:none}}
/*# sourceMappingURL=main.min.css.map */