@import url("https://fonts.googleapis.com/css?family=Rosario:400,400i,700");@import url("https://fontlibrary.org/face/mononoki");@keyframes color-fade-to-action{from{color:transparent}to{color:#1ee494}}@keyframes color-fade-to-primary{from{color:transparent}to{color:#14213d}}@keyframes color-fade-to-grey{from{color:transparent}to{color:#6f7a89}}@keyframes color-fade-to-light{from{color:transparent}to{color:#f6f6f6}}@keyframes switch-fade-in{from{background-position-x:0}to{background-position-x:-100%}}@keyframes opacity-fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in-from-left{from{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes start-list-fade-in{0%{background-position-y:100%;color:transparent}75%{background-position-y:0;color:transparent}100%{background-position-y:0;color:#f6f6f6}}@keyframes typing{from{width:0}to{width:100%}}@keyframes cursor{from, to{border-color:transparent}50%{border-color:currentColor}}@keyframes header-height-fade-in{from{min-height:calc(100vh - 50px - 20px - 45px)}to{min-height:1px}}@keyframes vertical-page-border-fade-in{from{height:0}to{height:100%}}@keyframes horizontal-page-border-fade-in{from{width:0}to{width:100%}}@media screen and (min-width: 581px){body #main>aside:nth-of-type(1),footer,main.index section:nth-of-type(3) p,main.news section:nth-of-type(2) article aside{font-size:.85rem}}@media screen and (max-width: 580px){body #main>aside:nth-of-type(1),footer,main.index section:nth-of-type(3) p,main.news section:nth-of-type(2) article aside{font-size:.68rem}}@media screen and (min-width: 581px){body pre,main.index section:nth-of-type(1) ul{font-size:1.1rem}}@media screen and (max-width: 580px){body pre,main.index section:nth-of-type(1) ul{font-size:.88rem}}@media screen and (min-width: 581px){body p{font-size:1.3rem}}@media screen and (max-width: 580px){body p{font-size:1.04rem}}@media screen and (min-width: 581px){body main section:nth-of-type(1),body h3,main.donate section:nth-of-type(2) ul,main.index section:nth-of-type(2) p,main.start section:nth-of-type(1) ul{font-size:1.9rem}}@media screen and (max-width: 580px){body main section:nth-of-type(1),body h3,main.donate section:nth-of-type(2) ul,main.index section:nth-of-type(2) p,main.start section:nth-of-type(1) ul{font-size:1.52rem}}@media screen and (min-width: 581px){body h2{font-size:3rem}}@media screen and (max-width: 580px){body h2{font-size:2.4rem}}body p a,footer ul li a,nav ul li a,nav ul li.active a,main.news section:nth-of-type(2) article ul li a,main.start section:nth-of-type(1) ul li a{background-size:201% 100%;background-position:0 50%;padding:0 .3em;transition:background-position .2s ease-out,color .2s ease-in-out;transition-delay:.05s,.1s}body p a:hover,footer ul li a:hover,nav ul li a:hover,main.news section:nth-of-type(2) article ul li a:hover,main.start section:nth-of-type(1) ul li a:hover{background-position:-100% 0;color:#14213d}body main section:nth-of-type(1),main.donate section:nth-of-type(2) p:nth-of-type(2),footer,main.index section:nth-of-type(4){position:relative}body main section:nth-of-type(1)::before,main.donate section:nth-of-type(2) p:nth-of-type(2)::before,footer::before,main.index section:nth-of-type(4)::before{content:"";left:50%;height:100%;position:absolute;top:0;transform:translateX(-50%);width:100vw;z-index:-1}main.about ul,main.index section:nth-of-type(3) ul,main.news section:nth-of-type(2) article ul,main.samples section:nth-of-type(2) article ul{margin-left:-1.25em;padding-left:0}main.about ul li,main.index section:nth-of-type(3) ul li,main.news section:nth-of-type(2) article ul li,main.samples section:nth-of-type(2) article ul li{border:solid 1px #e2e4e8;border-radius:.35rem;font-size:1.3rem;margin-bottom:.5em;padding:1em 1em 1em 2em;position:relative;transition:border-color .3s ease-in-out,color .3s ease-in-out}@media screen and (max-width: 580px){main.about ul li,main.index section:nth-of-type(3) ul li,main.news section:nth-of-type(2) article ul li,main.samples section:nth-of-type(2) article ul li{font-size:1.04rem}}main.about ul li::before,main.index section:nth-of-type(3) ul li::before,main.news section:nth-of-type(2) article ul li::before,main.samples section:nth-of-type(2) article ul li::before{background-clip:content-box;border:solid 1px;border-radius:100%;box-sizing:border-box;content:"";height:10px;left:.75em;margin-top:-5px;padding:2px;position:absolute;top:50%;transition:background-color .3s ease,border-bottom-color .15s ease,border-left-color .15s ease .15s,border-right-color .15s ease .45s,border-top-color .15s ease .3s,transform .6s ease;width:10px}body #main>aside:nth-of-type(1),body pre code,main.index section:nth-of-type(1) p strong,main.index section:nth-of-type(1) ul,main.index section:nth-of-type(1) label:nth-of-type(1),nav #menu-close,aside+aside label,main.news section:nth-of-type(2) article aside{font-family:"mononokiRegular",monospace;font-weight:400;letter-spacing:-0.05em}main.about section:nth-of-type(1) p,main.index section:nth-of-type(1) p,main.start section:nth-of-type(1) p{font-size:1.3rem}@media screen and (max-width: 580px){main.about section:nth-of-type(1) p,main.index section:nth-of-type(1) p,main.start section:nth-of-type(1) p{font-size:1.04rem}}main.about ul li,main.index section:nth-of-type(3) ul li,main.samples section:nth-of-type(2) article ul li{position:relative}main.about ul li a::before,main.index section:nth-of-type(3) ul li a::before,main.samples section:nth-of-type(2) article ul li a::before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}main.about>section{margin-bottom:8em}main.about>section::after{bottom:-7em;content:url("img/logotype-picto.svg");display:block;margin:0 auto;position:absolute;width:70px}main.about ul{margin:0}main.about ul li{color:#f6f6f6}main.about ul li::before{border-color:#f6f6f6}main.about ul li:hover{border-color:#1ee494;color:#1ee494}main.about ul li:hover::before{background-color:#1ee494;border-color:#1ee494;transform:rotate(360deg)}main.about ul li{display:inline-block;margin:.5em 0;text-align:left}main.about ul li:hover{color:#1ee494}@media screen and (min-width: 581px){main.about ul li{margin:.5em}}html,body{display:flex;justify-content:center}body{margin:0;overflow-x:hidden}body #main{background:url("img/print/bleed-top-left.svg") top left/45px no-repeat,url("img/print/bleed-top-right.svg") top right/45px no-repeat,url("img/print/bleed-bottom-left.svg") bottom left/45px no-repeat,url("img/print/bleed-bottom-right.svg") bottom right/45px no-repeat,transparent;box-sizing:border-box;color:#6f7a89;display:flex;flex-direction:column;font-family:"Rosario",sans;font-weight:400;line-height:1.3;margin:20px;max-width:100%;padding:45px 45px 0;position:relative;transition:color .25s;width:1340px}body #main::before,body #main::after{background-color:#1ee494;content:"";height:100%;position:absolute;top:0;width:1px}body #main::before{left:0}body #main::after{right:0}@media screen and (max-width: 580px){body #main{margin:0}}body #main>aside:nth-of-type(1){align-items:center;display:flex;color:#1ee494;height:45px;left:0;margin:0 auto;max-width:100%;padding:0 45px;position:absolute;right:0;top:0;width:-moz-min-content;width:-webkit-min-content;width:min-content}body #main>aside:nth-of-type(1) a{border-right:solid 9px;overflow:hidden;padding-right:.2em;white-space:nowrap}body main::before,body main::after{background-color:#1ee494;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);width:100%}body main::before{top:0}body main::after{bottom:0}body main:not(.index) section:nth-of-type(1){min-height:60vh}body main section:nth-of-type(1){align-content:center;align-items:center;box-sizing:border-box;color:#f6f6f6;display:flex;flex-wrap:wrap;justify-content:center;padding:3em 8.3333333333%;text-align:center}body main section:nth-of-type(1)::before{background-color:#14213d}body main section:nth-of-type(1)::before{border-top:solid 116px #14213d;top:-116px}@media screen and (max-width: 580px){body main section:nth-of-type(1){padding:6em 0}}body main section:nth-of-type(1) p{font-size:inherit}body main section+section h2{color:#14213d;margin-top:-0.5em;padding:2em 0 0 .25em;position:relative}body main section+section h2::before{border-left:solid 1px #1ee494;bottom:.1em;content:"";display:block;height:100%;left:0;position:absolute}body h1{display:none}body h2{font-style:italic;font-weight:400;line-height:1}body h3{color:#14213d;font-weight:400;margin-bottom:0}body ul{list-style-type:none}body a{color:inherit;text-decoration:none}body p a{background-image:linear-gradient(90deg, rgba(111,122,137,0.3) 0%, rgba(111,122,137,0.3) 50%, #1ee494 50%, #1ee494 100%)}body pre{box-sizing:border-box;background-color:#f6f6f6;margin:2em 0 4em;overflow:auto;padding:2em;width:100%}main.donate section:nth-of-type(2) h2:nth-of-type(1){margin-bottom:0}@media screen and (min-width: 581px){main.donate section:nth-of-type(2) h2:nth-of-type(1){margin-left:8.3333333333%}}main.donate section:nth-of-type(2) h2:nth-of-type(2){margin-left:33.3333333333%}@media screen and (max-width: 580px){main.donate section:nth-of-type(2) h2:nth-of-type(2){margin-left:8.3333333333%}}main.donate section:nth-of-type(2) p:nth-of-type(1){margin:.5em 0 0}@media screen and (min-width: 581px){main.donate section:nth-of-type(2) p:nth-of-type(1){margin-left:8.3333333333%}}main.donate section:nth-of-type(2) p:nth-of-type(2){color:#f6f6f6;padding:4em 8.3333333333%;margin:3em 16.6666666667% 0 0}main.donate section:nth-of-type(2) p:nth-of-type(2)::before{background-color:#14213d}@media screen and (max-width: 580px){main.donate section:nth-of-type(2) p:nth-of-type(2){margin:3em 0 0}}main.donate section:nth-of-type(2) p:nth-of-type(2)::before{left:auto;right:0;transform:none}main.donate section:nth-of-type(2) p:nth-of-type(3),main.donate section:nth-of-type(2) p:nth-of-type(4){margin:0 8.3333333333% 0 33.3333333333%;max-width:25em}@media screen and (max-width: 580px){main.donate section:nth-of-type(2) p:nth-of-type(3),main.donate section:nth-of-type(2) p:nth-of-type(4){margin-left:8.3333333333%}}main.donate section:nth-of-type(2) p:nth-of-type(4) a{align-items:center;background-color:#1ee494;background-image:none;border-radius:.35rem;box-shadow:0 0 0 .01em #1ee494;box-sizing:border-box;color:#14213d;display:flex;justify-content:space-between;margin-top:3em;padding:1em;transition:background-color .3s cubic-bezier(.56, .09, .37, 2),box-shadow .3s cubic-bezier(.56, .09, .37, 2)}main.donate section:nth-of-type(2) p:nth-of-type(4) a::after{content:url("img/arrow-right.svg");margin-left:1.5em;min-width:16px}main.donate section:nth-of-type(2) p:nth-of-type(4) a:hover{background-color:#19d489;box-shadow:0 0 0 .65em #19d489}main.donate section:nth-of-type(2) ul{align-items:flex-start;display:flex;flex-wrap:wrap;max-width:100%}@media screen and (min-width: 581px){main.donate section:nth-of-type(2) ul{padding:1em 16.6666666667%}}@media screen and (max-width: 580px){main.donate section:nth-of-type(2) ul{padding:1em 0 1em 8.3333333333%}}main.donate section:nth-of-type(2) ul li{color:#6f7a89;flex:1 8em;transition:color .75s;position:relative;width:50%}main.donate section:nth-of-type(2) ul li:first-of-type{margin:0 12.5% 1em 0}main.donate section:nth-of-type(2) ul li::before,main.donate section:nth-of-type(2) ul li::after{content:"";position:absolute}main.donate section:nth-of-type(2) ul li::before{background-image:linear-gradient(#e2e4e8 0%, #e2e4e8 50%, #6f7a89 50%, #6f7a89 100%);background-size:100% 200%;background-position-y:0;bottom:.15em;left:-0.8em;transition:background-position .75s ease;top:.85em;width:1px}main.donate section:nth-of-type(2) ul li::after{border:solid 1px #e2e4e8;border-radius:100%;height:.35em;left:calc(-.8em - .35em / 2);transition:border-bottom-color .15s ease,border-left-color .15s ease .15s,border-right-color .15s ease .45s,border-top-color .15s ease .3s,transform .6s ease;top:.45em;width:.35em}main.donate section:nth-of-type(2) ul li:hover{color:#14213d}main.donate section:nth-of-type(2) ul li:hover::before{background-position-y:100%}main.donate section:nth-of-type(2) ul li:hover::after{border-color:#14213d;transform:rotate(360deg)}footer{border:solid 1px transparent;color:#6f7a89;margin:8em 0 -2px 0}footer::before{background-color:#e2e4e8}footer::before{max-width:calc(100% + 45px * 2 + 2px);width:1430px}footer ul{padding-left:0}footer ul li{padding:.25em 0}footer ul li.active a{box-shadow:0 1px 0}footer ul li a{background-image:linear-gradient(90deg, transparent 0%, transparent 50%, rgba(111,122,137,0.15) 50%, rgba(111,122,137,0.15) 100%)}footer>ul{margin:3.5em 0}footer>ul:nth-of-type(1)>li ul{break-inside:avoid;padding-left:.25em;page-break-inside:avoid;-webkit-column-break-inside:avoid}footer>ul:nth-of-type(1)>li ul li{align-items:flex-start;display:flex}footer>ul:nth-of-type(1)>li ul li::before{border-bottom:solid 1px;border-left:solid 1px;content:"";height:.5em;margin:.25em .25em 0 0;min-width:.5em}footer>ul:nth-of-type(2){margin-bottom:5em}footer>ul:nth-of-type(2) li{display:inline-block;margin:0 1.5em 0 0}footer>ul:nth-of-type(2) li a{align-items:center;display:flex}footer>ul:nth-of-type(2) li a#freenode::before{content:url("img/about/picto-freenode.svg");height:1.5em;margin-right:.5em;width:1.5em}footer>ul:nth-of-type(2) li a#github::before{content:url("img/about/picto-github.svg");height:1.5em;margin-right:.5em;width:1.5em}footer>ul:nth-of-type(2) li a#mail::before{content:url("img/about/picto-mail.svg");height:1.5em;margin-right:.5em;width:1.5em}footer>ul:nth-of-type(2) li a#twitter::before{content:url("img/about/picto-twitter.svg");height:1.5em;margin-right:.5em;width:1.5em}footer>ul:nth-of-type(2) li a#website::before{content:url("img/about/picto-website.svg");height:1.5em;margin-right:.5em;width:1.5em}@media screen and (min-width: 581px){footer>ul:nth-of-type(1){columns:2;column-gap:0;padding-left:41.6666666667%}footer>ul:nth-of-type(1)>li{width:57.1428571429%}footer>ul:nth-of-type(1)>li:first-child a::before{content:url("img/logotype-black.svg");position:absolute;left:8.3333333333%;width:16.6666666667%}footer>ul:nth-of-type(2){margin-bottom:1em;text-align:center}}main.index section:nth-of-type(1){align-content:flex-start;padding-bottom:0}@media screen and (min-width: 581px){main.index section:nth-of-type(1){margin-bottom:185px}}@media screen and (max-width: 580px){main.index section:nth-of-type(1){margin-bottom:150px}}main.index section:nth-of-type(1) h2{margin-bottom:0;width:100%}main.index section:nth-of-type(1) h2::before{background:url("img/logotype-white.gif") top center/contain no-repeat;content:url("img/fake-logo.svg");display:block;margin:0 auto 2em;max-width:100%;min-width:15rem;width:33.3333333333%}main.index section:nth-of-type(1) p strong{color:#1ee494;margin:auto .25em}main.index section:nth-of-type(1) ul{background-color:#f6f6f6;border-radius:.35rem;color:#14213d;left:50%;margin:0;padding:0;position:absolute;transform:translateX(-50%);text-align:left;width:16em;z-index:6}@media screen and (min-width: 581px){main.index section:nth-of-type(1) ul{top:calc(100% - 370px / 2 - 1.75em)}}@media screen and (max-width: 580px){main.index section:nth-of-type(1) ul{top:calc(100% - 300px / 2 - 1.75em)}}main.index section:nth-of-type(1) ul::after{align-items:center;background:url("img/arrow-bottom.svg") center/1em no-repeat;border-bottom-right-radius:.35rem;border-top-right-radius:.35rem;content:"";cursor:pointer;display:flex;height:1.5em;padding:1em;position:absolute;right:0;transition:opacity .4s;top:0;width:.5em}main.index section:nth-of-type(1) ul li{border-radius:.35rem;color:transparent;cursor:pointer;height:0;overflow:hidden;transition:color .2s ease .2s,height .25s ease,padding .25s ease}main.index section:nth-of-type(1) ul li::before{color:transparent;content:"–";margin:0 .5em}main.index section:nth-of-type(1) ul li:hover{background-color:#e2e4e8}main.index section:nth-of-type(1) ul li.active::before{color:inherit}main.index section:nth-of-type(1) ul li.active,main.index section:nth-of-type(1) ul:hover li{color:#14213d;height:1em;padding:1.25em .5em}main.index section:nth-of-type(1) ul:hover::after{opacity:0}main.index section:nth-of-type(1) input,main.index section:nth-of-type(1) label{bottom:0;height:6rem;left:0;position:absolute}@media screen and (max-width: 580px){main.index section:nth-of-type(1) input,main.index section:nth-of-type(1) label{transform:translateX(-20px);bottom:-150px}}main.index section:nth-of-type(1) input{border:0;cursor:pointer;margin:0;opacity:0;width:17rem;z-index:5}main.index section:nth-of-type(1) input:not(:checked) ~ dl dt{display:block}main.index section:nth-of-type(1) input:checked ~ dl dt.active::before{background-position:90% 0;opacity:0}main.index section:nth-of-type(1) input:checked ~ dl dt.active+dd img{opacity:1;top:50%}main.index section:nth-of-type(1) input:checked ~ label:nth-of-type(1){color:#6f7a89 !important}main.index section:nth-of-type(1) input:checked ~ label:nth-of-type(1)::after{background-color:#14213d;left:8.5rem;padding:.25rem;right:5rem;transition:background-color .25s ease,left .25s ease .05s,padding .25s ease,right .25s ease,transform .2s ease}main.index section:nth-of-type(1) input:checked ~ label:nth-of-type(2){color:#14213d !important}main.index section:nth-of-type(1) input:hover ~ label:nth-of-type(1)::before,main.index section:nth-of-type(1) input:hover ~ label:nth-of-type(1)::after{transform:scale(1.1)}main.index section:nth-of-type(1) input:hover ~ label:nth-of-type(1)::before{box-shadow:0 5px 5px 0 rgba(111,122,137,0.3)}main.index section:nth-of-type(1) label{align-items:center;box-shadow:0 0 0 0 #e2e4e8;box-sizing:border-box;display:flex;font-size:1.1rem;padding:1rem;transition:box-shadow .2s ease,opacity .2s ease}main.index section:nth-of-type(1) label:nth-of-type(1){animation:switch-fade-in 1s ease 1s both,color-fade-to-primary .25s ease 2.25s both;background-image:linear-gradient(90deg, transparent 0%, transparent 33.33%, #e2e4e8 33.33%, #e2e4e8 66.66%, #1ee494 66.66%, #1ee494 100%);background-size:300% 100%;background-position-x:0;color:#14213d;justify-content:flex-end;padding-right:12rem;width:17rem;z-index:1}main.index section:nth-of-type(1) label:nth-of-type(1)::before,main.index section:nth-of-type(1) label:nth-of-type(1)::after{animation:opacity-fade-in 1s ease 1.6s both;border-radius:3.5rem;content:"";height:3.5rem;left:6rem;position:absolute;top:1.25rem}main.index section:nth-of-type(1) label:nth-of-type(1)::before{animation:opacity-fade-in .25s ease-in-out 1.85s both;background-color:#f6f6f6;box-shadow:0 5px 5px 0 rgba(111,122,137,0.1);transition:box-shadow .2s,transform .2s ease;width:6rem}main.index section:nth-of-type(1) label:nth-of-type(1)::after{animation:opacity-fade-in .25s ease-in-out 2s both;background-clip:content-box;background-color:#1ee494;box-sizing:border-box;padding:.5rem;right:7.5rem;transition:background-color .25s ease,left .25s ease,padding .25s ease,right .25s ease .05s,transform .2s ease;z-index:1}main.index section:nth-of-type(1) label:nth-of-type(2){animation:color-fade-to-grey .25s ease 2.25s both;color:#6f7a89;font-style:italic;justify-content:flex-start;left:12rem;width:5rem;z-index:2}main.index section:nth-of-type(1) dl{background-image:linear-gradient(transparent 0%, transparent 33.33%, #e2e4e8 33.33%, #e2e4e8 66.66%, transparent 66.66%, transparent 100%);background-size:100% 300%;background-position-x:0;overflow:hidden;position:relative;width:100%}@media screen and (min-width: 581px){main.index section:nth-of-type(1) dl{height:370px;margin:2em 0 -185px}}@media screen and (max-width: 580px){main.index section:nth-of-type(1) dl{height:300px;margin:2em -45px -150px;width:calc(100% + 45px * 2)}}main.index section:nth-of-type(1) dl *{z-index:-1}main.index section:nth-of-type(1) dl dt{color:transparent;font-size:0}main.index section:nth-of-type(1) dl dt,main.index section:nth-of-type(1) dl dt::before{height:100%;left:0;position:absolute;top:0;width:100%}main.index section:nth-of-type(1) dl dt::before{content:"";opacity:1;transition:background-position .25s ease,opacity .25s ease}main.index section:nth-of-type(1) dl dt:nth-of-type(1)::before{background:url("img/documents/reports-html.png") center/cover no-repeat}main.index section:nth-of-type(1) dl dt:nth-of-type(2)::before{background:url("img/documents/invoices-html.png") center/cover no-repeat}main.index section:nth-of-type(1) dl dt:nth-of-type(3)::before{background:url("img/documents/tickets-html.png") center/cover no-repeat}main.index section:nth-of-type(1) dl dt:not(.active)::before{background-position:90% 0;opacity:0}main.index section:nth-of-type(1) dl img{left:50%;opacity:0;position:absolute;top:0;transform:translate(-50%, -50%);transition:opacity .25s ease,top .25s ease}@media screen and (min-width: 581px){main.index section:nth-of-type(1) dl img{max-width:100%}}main.index section:nth-of-type(2){display:inline-block;padding:2em 0;vertical-align:top;width:100%}@media screen and (min-width: 581px){main.index section:nth-of-type(2){padding:2em 8.3333333333%;width:41.6666666667%}}main.index section:nth-of-type(2) p{color:#14213d}main.index section:nth-of-type(3){display:inline-block}@media screen and (min-width: 581px){main.index section:nth-of-type(3){width:33.3333333333%}}main.index section:nth-of-type(3) h2{padding-top:3em}main.index section:nth-of-type(3) ul li{color:#14213d}main.index section:nth-of-type(3) ul li::before{border-color:#e2e4e8}main.index section:nth-of-type(3) ul li:hover{border-color:#1ee494;color:#1ee494}main.index section:nth-of-type(3) ul li:hover::before{background-color:#1ee494;border-color:#1ee494;transform:rotate(360deg)}main.index section:nth-of-type(3) p{text-align:right}main.index section:nth-of-type(4){margin-top:6em;padding:1px 16.6666666667% 3em}main.index section:nth-of-type(4)::before{background-color:#f6f6f6}@media screen and (max-width: 580px){main.index section:nth-of-type(4){padding:1px 0 3em}}main.index section:nth-of-type(4) h2{margin-bottom:0}main.index section:nth-of-type(4) h3{margin:1.5em 0 .75em}main.index section:nth-of-type(5){padding:0 8.3333333333%}#main:not(.onAfter):not(.onStart)::before,#main:not(.onAfter):not(.onStart)::after{animation:vertical-page-border-fade-in 1.5s ease both 2s}#main:not(.onAfter):not(.onStart) nav.index ul li{animation:color-fade-to-light .5s ease both}#main:not(.onAfter):not(.onStart) nav.index ul li:nth-of-type(1){animation-delay:2575ms}#main:not(.onAfter):not(.onStart) nav.index ul li:nth-of-type(2){animation-delay:2650ms}#main:not(.onAfter):not(.onStart) nav.index ul li:nth-of-type(3){animation-delay:2725ms}#main:not(.onAfter):not(.onStart) nav.index ul li:nth-of-type(4){animation-delay:2800ms}#main:not(.onAfter):not(.onStart) nav.index ul li:nth-of-type(5){animation-delay:2875ms}#main:not(.onAfter):not(.onStart) nav.index ul li:nth-of-type(6){animation-delay:2950ms}#main:not(.onAfter):not(.onStart)>aside.index:nth-of-type(1){animation:color-fade-to-action .5s ease both 4.5s}#main:not(.onAfter):not(.onStart)>aside.index:nth-of-type(1) a{animation-delay:4.5s,6.5s}#main:not(.onAfter):not(.onStart)>aside.index:nth-of-type(2){animation:color-fade-to-light .5s ease both 2.5s}#main:not(.onAfter):not(.onStart)>aside.index:nth-of-type(2) progress{animation:opacity-fade-in .75s ease both 2.5s}#main:not(.onAfter):not(.onStart) main::before,#main:not(.onAfter):not(.onStart) main::after{animation:horizontal-page-border-fade-in 1s ease both 1s}#main:not(.onAfter):not(.onStart) main.index section:nth-of-type(1){animation:header-height-fade-in .5s ease-in both 3s}#main:not(.onAfter):not(.onStart) main.index section:nth-of-type(1) h2{animation:color-fade-to-light .5s ease both 3s}#main:not(.onAfter):not(.onStart) main.index section:nth-of-type(1) h2::before{animation:opacity-fade-in .75s ease both .25s}#main:not(.onAfter):not(.onStart) main.index section:nth-of-type(1) p{animation:color-fade-to-light .5s ease both 3s}#main:not(.onAfter):not(.onStart) main.index section:nth-of-type(1) p strong{animation:color-fade-to-action .5s ease both 3s}#main:not(.onAfter):not(.onStart) main.index section:nth-of-type(1) ul,#main:not(.onAfter):not(.onStart) main.index section:nth-of-type(1) dt{animation:opacity-fade-in .5s ease both 3.2s}#main:not(.onAfter):not(.onStart) main.index section:nth-of-type(1) dl{animation:start-list-fade-in 1s ease both 3s}#main:not(.onAfter):not(.onStart) main.index section:nth-of-type(1) label{animation-delay:4.5s}#main:not(.onAfter):not(.onStart) main.index section:nth-of-type(1) label:nth-of-type(1)::before,#main:not(.onAfter):not(.onStart) main.index section:nth-of-type(1) label:nth-of-type(1)::after{animation-delay:5s}nav ul{display:flex;padding:0}nav ul li a{background-image:linear-gradient(90deg, transparent 0%, transparent 50%, #1ee494 50%, #1ee494 100%)}nav ul li.active a{background-image:linear-gradient(90deg, rgba(111,122,137,0.5) 0%, rgba(111,122,137,0.5) 50%, rgba(111,122,137,0.8) 50%, rgba(111,122,137,0.8) 100%)}aside+aside{align-self:flex-end;align-items:center;border:solid 1px;border-radius:.35rem;color:#f6f6f6;display:flex;font-size:.85rem;height:50px;position:absolute;top:45px;transition:border .2s ease}aside+aside:hover{border-color:#f4900c}aside+aside:hover a::before{margin-top:0}aside+aside:hover progress::-moz-progress-bar{background-color:#f4900c}aside+aside:hover progress::-webkit-progress-value{background-color:#f4900c}aside+aside a{height:50px;line-height:50px;margin-left:1em;overflow:hidden}aside+aside a::before{background:url("img/sun.png") center left/50% no-repeat;content:"";display:block;font-size:2em;height:50px;margin-top:-50px;transition:margin-top .25s ease;width:50px}aside+aside a::after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:2}aside+aside label{color:#14213d;font-size:.8em;position:absolute;right:1.5em;z-index:1}aside+aside progress{background-color:rgba(246,246,246,0.3);border:0;border-radius:.15rem;margin:0 1em;width:7em}aside+aside progress::-webkit-progress-bar{background-color:rgba(246,246,246,0.3);border-radius:.15rem}aside+aside progress::-moz-progress-bar{background-color:#f6f6f6;border-radius:.15rem;transition:background-color .25s ease}aside+aside progress::-webkit-progress-value{background-color:#f6f6f6;border-radius:.15rem;transition:background-color .25s ease}@media screen and (min-width: 831px){nav{color:#f6f6f6;position:relative}nav ul{align-items:center;height:50px;margin:0}nav ul li{display:inline-block;font-size:1.1rem;margin-right:1em}nav #menu-close{display:none}}@media screen and (max-width: 830px){#main nav,#main nav.index,#main:not(.onAfter):not(.onStart) nav,#main:not(.onAfter):not(.onStart) nav.index{width:0}#main nav ul,#main nav.index ul,#main:not(.onAfter):not(.onStart) nav ul,#main:not(.onAfter):not(.onStart) nav.index ul{background-color:#1ee494;background-clip:content-box;border-radius:100%;bottom:0;flex-direction:column;height:3em;justify-content:center;left:0;margin:1em;position:fixed;transition:border-radius .5s ease-in .7s,height .4s ease,margin .4s ease .3s,transform .5s ease-in .7s,width .3s ease .4s;width:3em;z-index:10}#main nav ul::before,#main nav.index ul::before,#main:not(.onAfter):not(.onStart) nav ul::before,#main:not(.onAfter):not(.onStart) nav.index ul::before{content:url("img/menu-picto.svg");transition:opacity .2s ease 1.2s,height .2s ease 1.2s,width .2s ease 1.2s}#main nav ul li,#main nav.index ul li,#main:not(.onAfter):not(.onStart) nav ul li,#main:not(.onAfter):not(.onStart) nav.index ul li{font-size:0;margin:.5em .5em .5em 2em;width:100%}#main nav ul li a,#main nav.index ul li a,#main:not(.onAfter):not(.onStart) nav ul li a,#main:not(.onAfter):not(.onStart) nav.index ul li a{color:#14213d;font-size:inherit}#main nav ul:hover,#main nav.index ul:hover,#main:not(.onAfter):not(.onStart) nav ul:hover,#main:not(.onAfter):not(.onStart) nav.index ul:hover{border-radius:0;height:100%;margin:0;transform:rotate(360deg);transition:border-radius .5s ease,height .4s ease .8s,margin .4s ease .5s,transform .5s ease,width .3s ease .5s;width:100%}#main nav ul:hover::before,#main nav.index ul:hover::before,#main:not(.onAfter):not(.onStart) nav ul:hover::before,#main:not(.onAfter):not(.onStart) nav.index ul:hover::before{opacity:0;height:0;transition:opacity .2s ease,height .2s ease .2s,width .2s ease .2s;width:0}#main nav ul:hover li,#main nav.index ul:hover li,#main:not(.onAfter):not(.onStart) nav ul:hover li,#main:not(.onAfter):not(.onStart) nav.index ul:hover li{font-size:1.3rem;transition:font-size .1s ease 1s}#main nav ul:hover li:nth-of-type(1),#main nav.index ul:hover li:nth-of-type(1),#main:not(.onAfter):not(.onStart) nav ul:hover li:nth-of-type(1),#main:not(.onAfter):not(.onStart) nav.index ul:hover li:nth-of-type(1){animation:.25s fade-in-from-left both;animation-delay:1075ms}#main nav ul:hover li:nth-of-type(2),#main nav.index ul:hover li:nth-of-type(2),#main:not(.onAfter):not(.onStart) nav ul:hover li:nth-of-type(2),#main:not(.onAfter):not(.onStart) nav.index ul:hover li:nth-of-type(2){animation:.25s fade-in-from-left both;animation-delay:1150ms}#main nav ul:hover li:nth-of-type(3),#main nav.index ul:hover li:nth-of-type(3),#main:not(.onAfter):not(.onStart) nav ul:hover li:nth-of-type(3),#main:not(.onAfter):not(.onStart) nav.index ul:hover li:nth-of-type(3){animation:.25s fade-in-from-left both;animation-delay:1225ms}#main nav ul:hover li:nth-of-type(4),#main nav.index ul:hover li:nth-of-type(4),#main:not(.onAfter):not(.onStart) nav ul:hover li:nth-of-type(4),#main:not(.onAfter):not(.onStart) nav.index ul:hover li:nth-of-type(4){animation:.25s fade-in-from-left both;animation-delay:1300ms}#main nav ul:hover li:nth-of-type(5),#main nav.index ul:hover li:nth-of-type(5),#main:not(.onAfter):not(.onStart) nav ul:hover li:nth-of-type(5),#main:not(.onAfter):not(.onStart) nav.index ul:hover li:nth-of-type(5){animation:.25s fade-in-from-left both;animation-delay:1375ms}#main nav ul:hover li:nth-of-type(6),#main nav.index ul:hover li:nth-of-type(6),#main:not(.onAfter):not(.onStart) nav ul:hover li:nth-of-type(6),#main:not(.onAfter):not(.onStart) nav.index ul:hover li:nth-of-type(6){animation:.25s fade-in-from-left both;animation-delay:1450ms}#main nav:hover+aside:nth-of-type(1)::before,#main nav:hover+aside:nth-of-type(1)::after,#main nav.index:hover+aside:nth-of-type(1)::before,#main nav.index:hover+aside:nth-of-type(1)::after,#main:not(.onAfter):not(.onStart) nav:hover+aside:nth-of-type(1)::before,#main:not(.onAfter):not(.onStart) nav:hover+aside:nth-of-type(1)::after,#main:not(.onAfter):not(.onStart) nav.index:hover+aside:nth-of-type(1)::before,#main:not(.onAfter):not(.onStart) nav.index:hover+aside:nth-of-type(1)::after{opacity:1;right:0;transition:opacity .2s ease 1.2s,right .2s ease 1.2s}#main>aside:nth-of-type(1)::before,#main>aside:nth-of-type(1)::after,#main:not(.onAfter):not(.onStart)>aside:nth-of-type(1)::before,#main:not(.onAfter):not(.onStart)>aside:nth-of-type(1)::after{color:#14213d;opacity:0;right:-3rem;position:fixed;transition:opacity .2s ease,right .2s ease;z-index:15}#main>aside:nth-of-type(1)::before,#main:not(.onAfter):not(.onStart)>aside:nth-of-type(1)::before{content:"×";font-family:"Rosario",sans;font-size:1.52rem;line-height:0;padding:0 1rem;top:1rem}#main>aside:nth-of-type(1)::after,#main:not(.onAfter):not(.onStart)>aside:nth-of-type(1)::after{content:"close";font-size:.68rem;padding:.5rem 2rem 1rem .5rem;transform:rotate(-90deg);transform-origin:bottom right;bottom:100%}#main aside+aside,#main:not(.onAfter):not(.onStart) aside+aside{right:50%;transform:translate(50%, 1em)}}main.news section:nth-of-type(2){padding:0 8.3333333333% 0 33.3333333333%}@media screen and (max-width: 580px){main.news section:nth-of-type(2){padding:0 0 0 8.3333333333%}}main.news section:nth-of-type(2) article{margin-bottom:4em;position:relative}main.news section:nth-of-type(2) article aside{left:1em;position:absolute;top:5.25em}main.news section:nth-of-type(2) article ul li{color:#14213d}main.news section:nth-of-type(2) article ul li::before{border-color:#e2e4e8}main.news section:nth-of-type(2) article ul li:hover{border-color:#6f7a89;color:#6f7a89}main.news section:nth-of-type(2) article ul li:hover::before{background-color:transparent;border-color:#6f7a89;transform:rotate(360deg)}main.news section:nth-of-type(2) article ul li{overflow:hidden;overflow-wrap:break-word}main.news section:nth-of-type(2) article ul li a{background-image:linear-gradient(90deg, rgba(111,122,137,0.3) 0%, rgba(111,122,137,0.3) 50%, #1ee494 50%, #1ee494 100%);font-family:"mononokiRegular",monospace}main.samples section:nth-of-type(2){padding-top:4rem}main.samples section:nth-of-type(2) article{border-bottom:solid 1px #e2e4e8;display:flex;flex-direction:column;justify-content:center;min-height:20em;position:relative}@media screen and (min-width: 581px){main.samples section:nth-of-type(2) article{padding:3em 16.6666666667% 3em 54.1666666667%}}@media screen and (max-width: 580px){main.samples section:nth-of-type(2) article{padding:3em 0}}main.samples section:nth-of-type(2) article img{max-width:100%}@media screen and (max-width: 580px){main.samples section:nth-of-type(2) article img{margin-top:2em}}@media screen and (min-width: 581px){main.samples section:nth-of-type(2) article img{max-height:100%;max-width:41.6666666667%;position:absolute;right:50%;top:50%;transform:translateY(-50%)}}main.samples section:nth-of-type(2) article p{font-size:1.1rem}main.samples section:nth-of-type(2) article p strong{color:#14213d;font-weight:inherit}main.samples section:nth-of-type(2) article ul{display:flex;flex-wrap:wrap;margin-left:0;padding-left:0}main.samples section:nth-of-type(2) article ul li{color:#14213d}main.samples section:nth-of-type(2) article ul li::before{border-color:#e2e4e8}main.samples section:nth-of-type(2) article ul li:hover{border-color:#1ee494;color:#1ee494}main.samples section:nth-of-type(2) article ul li:hover::before{background-color:#1ee494;border-color:#1ee494;transform:rotate(360deg)}main.samples section:nth-of-type(2) article ul li{font-size:1.1rem;margin-right:.5em}main.start section:nth-of-type(1) p{margin:2em 16.6666666667%}@media screen and (max-width: 580px){main.start section:nth-of-type(1) p{margin:1em 8.3333333333%}}main.start section:nth-of-type(1) ul{align-items:stretch;display:flex;flex-wrap:wrap;margin-top:3em;padding-left:0}main.start section:nth-of-type(1) ul::after{content:"";flex:1 10em}main.start section:nth-of-type(1) ul li{background-image:linear-gradient(transparent 0%, transparent 33.33%, #f6f6f6 33.33%, #f6f6f6 66.66%, #14213d 66.66%, #14213d 100%);align-content:center;align-items:center;background-position-y:100%;background-size:100% 300%;border:solid 1px #6f7a89;box-sizing:border-box;display:flex;flex:1 10em;flex-wrap:wrap;justify-content:center;min-width:50%;transition:border-color .2s;padding:1.5em 2em;position:relative;vertical-align:center}main.start section:nth-of-type(1) ul li a{background-image:linear-gradient(90deg, rgba(111,122,137,0.3) 0%, rgba(111,122,137,0.3) 50%, #1ee494 50%, #1ee494 100%);background-clip:padding-box;border-left:solid .35em transparent;border-right:solid .35em transparent}main.start section:nth-of-type(2){margin-top:5em;padding:0 16.6666666667%}@media screen and (max-width: 580px){main.start section:nth-of-type(2){padding:0}}#main.onStart main section:nth-of-type(1)::before{height:100vh}#main.onStart nav ul li,#main.onStart aside,#main.onStart main>*>*,#main.onStart footer{opacity:0}#main main section:nth-of-type(1)::before,#main.onAfter main section:nth-of-type(1)::before{height:100%;transition:height 500ms 500ms}#main nav ul li,#main aside,#main main>*>*:not(input),#main footer,#main.onAfter nav ul li,#main.onAfter aside,#main.onAfter main>*>*:not(input),#main.onAfter footer{opacity:1;transition:opacity 500ms 500ms}#main main.start ul li,#main.onAfter main.start ul li{animation-duration:1s;animation-fill-mode:both;animation-name:start-list-fade-in;animation-timing-function:ease}#main>aside:nth-of-type(1) a,#main.onAfter>aside:nth-of-type(1) a{animation:typing 2000ms steps(35, end) 500ms both,cursor 2000ms step-end infinite 3000ms}@media screen and (min-width: 831px){#main ul li:nth-of-type(1),#main.onAfter ul li:nth-of-type(1){animation-delay:325ms;transition-delay:325ms}#main ul li:nth-of-type(2),#main.onAfter ul li:nth-of-type(2){animation-delay:400ms;transition-delay:400ms}#main ul li:nth-of-type(3),#main.onAfter ul li:nth-of-type(3){animation-delay:475ms;transition-delay:475ms}#main ul li:nth-of-type(4),#main.onAfter ul li:nth-of-type(4){animation-delay:550ms;transition-delay:550ms}#main ul li:nth-of-type(5),#main.onAfter ul li:nth-of-type(5){animation-delay:625ms;transition-delay:625ms}#main ul li:nth-of-type(6),#main.onAfter ul li:nth-of-type(6){animation-delay:700ms;transition-delay:700ms}}