a,abbr,acronym,address,applet,big,blockquote,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,tbody,tfoot,thead,tr,tt,ul,var{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}body,caption,table,td,th{margin:0;outline:0;font-style:inherit;font-size:100%}body{color:#000;background:#fff;font-weight:300;font-size:1.6rem;line-height:1.3;vertical-align:baseline;font-family:'insitu light',sans-serif;padding:2%}caption,table,td,th{padding:0;font-family:inherit;vertical-align:middle}table{border-collapse:separate;border-spacing:0;font-weight:inherit}caption,td,th{border:0;text-align:left;font-weight:400}ol,ul{list-style:none}a img,body,table{border:0}::-moz-selection{color:#fff;background:#000}::selection{color:#fff;background:#000}*{-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus{outline:0}a,button{color:inherit}button{background:0 0;border:0;padding:0;font:inherit;cursor:pointer;outline:inherit}a{border-sizing:content-box;text-decoration:none}.menu-fonts li .link--current,a:hover,button:hover,main .menu-fonts a.active,main .menu-fonts li.active .infos-index,main .menu-fonts li.active a.link-family{color:#000}header,main{display:block;width:100%;display:flex;flex-flow:row nowrap;justify-content:space-between}header a:hover{color:#888}header .header-picture{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:0}header .header-picture img{width:100%;height:auto}header .header-about,header .header-author,header>*,main>*{width:calc(33.3333% - 1.3333%)}header .header-author .author-infos{margin-bottom:1em;max-width:350px}main{margin-top:2%}main .menu{color:#888}main .menu-fonts{min-height:1px;margin-right:2%;width:100%}main .menu-fonts ul{box-sizing:border-box}main .menu-fonts li{margin-bottom:.6em}main .menu-fonts .family-infos{display:flex;flex-flow:row nowrap}main .menu-fonts .infos-index{flex-shrink:0;width:2em;overflow:hidden}main .menu-fonts a.link-font.active{pointer-events:none}main .menu-fonts .family-description{color:#000;margin-top:.7em;font-size:.55em}main .menu-fonts li:not(.active) .family-description{display:none}main .controller-resizer,main .menu-controller{display:flex;align-items:center;justify-content:space-between}main .menu-controller{margin-top:10%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:calc(100%);flex-flow:row wrap}main .menu-controller .controller-sound{margin-right:14%}main .menu-controller.pinned{position:fixed;bottom:0;margin-bottom:2%;left:2%;width:calc(33% - 2.33%)}main .menu-controller.hidden{display:none}main .controller-resizer{flex-flow:row nowrap;color:#000}main .controller-resizer .resizer-value{margin:0 .5rem}main .controller-resizer .resizer-button{outline-color:transparent;outline-style:none;background:0 0;text-align:center;border:0;font-size:1rem;border-radius:60px}main .controller-resizer .resizer-button:hover{cursor:pointer;color:#888}main .controller-resizer .resizer-button:active{color:#888}main .visualizer{width:calc(66.66666% - .66665%);padding-bottom:25px;box-sizing:border-box;white-space:pre-wrap;font-size:48px;line-height:1.3}.menu-fonts.pinned{position:fixed;top:0;margin-top:2%;left:2%}body:not(.home) main .visualizer *{font-family:inherit!important}html:not(.no-js) body.home main .visualizer{line-height:1em}body.home main .visualizer div{line-height:inherit!important}body.home main .visualizer span:nth-child(5n+1){color:#6ea0f0}body.home main .visualizer span:nth-child(5n+2){color:#96908e}body.home main .visualizer span:nth-child(5n+3){color:#c88c50}body.home main .visualizer span:nth-child(5n+4){color:#2896a0}body.home main .visualizer span:nth-child(5n+0){color:#3c78c8}@media (min-width:1321px){header .header-picture{width:400px}header .header-about,header .header-author{width:calc(50% - 2% - 200px)}main .menu,main .menu-fonts{width:400px}main .menu-controller.pinned{width:calc(400px)}main .visualizer{width:calc(100% - 2% - 400px)}}@media (max-width:999px){body{font-size:1.2rem}header .header-author .author-infos{max-width:250px}main .menu-fonts .family-description{font-size:.65em}main .menu-controller .controller-sound{margin-right:0}main .controller-resizer .resizer-button{width:30px;height:30px;padding:0 0 2px;border-width:1px}}@media (max-width:699px){header,main{display:block}header>*,main>*{width:100%}header .header-picture{display:none}header .header-about,header .header-author{width:100%;margin-bottom:2%}header .header-author,main .menu-fonts ul{padding-bottom:3%;border-bottom:1px solid #aaa}header .header-author .author-infos{margin-bottom:2%}main>*{margin-top:15px}main .menu-fonts ul{width:100%;padding-bottom:2%}main .menu-fonts li{margin-bottom:10px}main .menu-fonts .family-description{font-size:.65em}main .menu-controller{margin-top:30px;margin-bottom:50px;width:100%}main .controller-resizer .resizer-button{width:41px;height:41px;border:1px solid #888}main .visualizer{width:100%}}@media (max-width:1320px){.menu-fonts.pinned{width:calc(33.3333% - 2.66666%)}}