@import"https://fonts.googleapis.com/css?family=IBM+Plex+Sans:100,400";@import"https://fonts.googleapis.com/css?family=Fahkwang:200";:root{--margin: 4rem}@font-face{font-family:"majesty_wide";src:url("/webfonts/majesty_wide.woff") format("woff");font-weight:normal;font-style:normal}html *{box-sizing:border-box;padding:0;margin:0;font-size:1em}body{font-family:"IBM Plex Sans",sans-serif;font-weight:400;margin:0px;padding:0px;background-size:100vw 100vh;background-attachment:fixed;min-width:380px}hr{background-color:#000;border:0px;height:1px}h1{font-size:4rem;display:inline-block;padding:.5rem 1rem 0rem 1rem;font-family:majesty_wide;font-weight:normal}h2{display:inline;font-size:3rem;font-family:"majesty_wide",Fahkwang;font-weight:lighter;text-decoration:none;position:relative;line-height:85%}u{text-decoration:none;font-size:inherit;font-family:inherit}.h2_container{overflow:hidden;height:auto;margin-bottom:1rem}p{font-size:1rem;line-height:200%}a{text-decoration:none;color:#5a00ff}a:hover{text-decoration:underline}section{margin:2rem auto;width:90%;max-width:1200px}body{background-image:linear-gradient(to bottom, var(--color1), var(--color2));color:var(--textcolor)}header a{color:var(--textcolor)}a.featured{border-top:2px solid var(--textcolor2);color:var(--textcolor2);border-color:var(--textcolor2)}a.featured:last-child{border-bottom:2px solid var(--textcolor2);border-color:var(--textcolor2)}.dark h1{background-color:#111}.dark #about{color:#fff}.dark h2#page_name{color:#ff4500}div#bg{background-attachment:scroll;z-index:0;position:relative;background-image:var(--bgpattern);background-size:var(--bgsize)}nav ::-webkit-scrollbar-thumb{background-color:var(--color0)}#purchase .front,#purchase .back{border-bottom:.5rem solid var(--color0)}#sampler h2{line-height:100%}#sampler p[contenteditable]::before,#sampler p[contenteditable]::after,#sampler span#editable_base::before,#sampler span#editable_base::after{background-color:var(--color0)}#sampler div.h2_container::before{content:" ";position:absolute;top:0px;left:0px;height:90%;width:100%;display:block;pointer-events:none;animation:textSelect 7s infinite;background:var(--color0)}#scrims div:nth-child(1){top:0vh}#scrims div:nth-child(2){top:20vh}#scrims div:nth-child(3){top:40vh}#scrims div:nth-child(4){top:60vh}#scrims div:nth-child(5){top:80vh}#home{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))}#home li{list-style:none}#home li a{min-height:20rem;padding:1rem;display:grid;grid-template-rows:1em auto}#home li a:hover{text-decoration:none}#home a{font-size:2.2em}#home .name{border-bottom:1px solid #000;font-size:1rem}#home .sample{padding-top:1rem}#home .sample.tylerwolf{font-size:90%;line-height:120%}main:before{content:" ";position:fixed;left:0px;top:5rem;width:3.5rem;height:50vh}nav.show ul li:nth-child(1){animation-delay:.07s}nav.show ul li:nth-child(2){animation-delay:.14s}nav.show ul li:nth-child(3){animation-delay:.21s}nav.show ul li:nth-child(4){animation-delay:.28s}nav.show ul li:nth-child(5){animation-delay:.35s}nav.show ul li:nth-child(6){animation-delay:.42s}nav.show ul li:nth-child(7){animation-delay:.49s}nav.show ul li:nth-child(8){animation-delay:.56s}nav.show ul li:nth-child(9){animation-delay:.63s}nav.show ul li:nth-child(10){animation-delay:.7s}nav.show ul li:nth-child(11){animation-delay:.77s}@keyframes drop{0%{top:-200px}100%{top:0px}}nav{display:block;width:100%;overflow:scroll;background-color:#000;position:fixed;transform:translateY(-255px);transition:transform .35s;z-index:5}nav.show{transform:none}ul.catalog{display:flex;list-style:none;padding:0px;margin:0px;padding-left:5em}ul.catalog li{min-width:12em;max-width:12em;height:14em;overflow:hidden;display:block;text-align:center;transition:all .2s}ul.catalog li#close_catalog{position:fixed;z-index:2;min-width:5rem;width:5rem;left:0px;margin-right:5rem}ul.catalog li button{border-radius:0px;height:100%}ul.catalog li:hover{transform:scale(0.9)}ul.catalog li a{border-radius:0px;height:100%;width:100%;display:grid;grid-template-rows:86% auto;text-decoration:none}ul.catalog li a:hover{text-decoration:none}ul.catalog li a strong{text-transform:uppercase;font-family:"majesty_wide"}ul.catalog li a span{font-size:8rem;line-height:160%;display:flex;justify-content:center;align-items:flex-start}ul.catalog li a span.tylerwolf{line-height:170%;font-size:6.3rem}ul.catalog li a span.sen_regular{line-height:143%}ul.catalog li a span.olney_light,ul.catalog li a span.lovato_light,ul.catalog li a span.gravity_normal{line-height:143%}#h1_container{background-color:#000;width:100%;text-align:center}#quicklinks{min-width:170px;padding-top:1.8rem}#grid{display:flex;flex-wrap:wrap;justify-content:flex-start}#grid p{min-width:12.5%;font-size:2.6rem;text-align:center;overflow:hidden}#about{display:flex;backdrop-filter:blur(35px);flex-wrap:nowrap;overflow:hidden;text-align:center;min-height:24rem;padding:4rem;justify-content:space-between}#about p{margin-top:20px}#about div:first-child{align-self:center;max-width:500px}#about blockquote{font-size:22rem;text-align:center;width:80%;line-height:90%;pointer-events:none;position:absolute;opacity:.24;z-index:0}.dark header a.text{border-color:#fff}.dark header a.circle{filter:invert(1)}:root{--headerHeight:6rem}.Home #header_logo{margin-top:1rem;width:100%;min-height:3rem}.Home #logo{width:100%;background-position:center center}header{padding:0rem 1rem 1rem 1rem;display:flex;flex-wrap:wrap;justify-content:flex-end}header>div{width:100%;display:flex;flex-wrap:wrap;flex-direction:column-reverse}header div.featured_holder{width:100%}header div.social{width:100%;justify-content:space-around;display:flex;margin-bottom:1rem}header #logo,header a.circle{text-indent:1rem;font-size:0}header #logo.hide{left:-100px}header.hide #open_catalog{height:calc(var(--headerHeight) - 2rem)}header #open_catalog{border-radius:0;width:6rem;padding:0;margin-right:auto;text-transform:uppercase;outline:none;left:1rem;z-index:50;display:flex;top:0px;position:fixed;flex-wrap:wrap;align-content:flex-end;height:var(--headerHeight);animation:flipDown .35s 1 forwards}header #open_catalog:before{content:"";display:block;width:100%;height:2rem;background:url(/img/dots.svg?ffffff) center center no-repeat;background-size:90%;position:absolute;bottom:25px}header #open_catalog.leave{animation:flipUp .35s 1 forwards}header #open_catalog:after{content:"FONTS";font-size:.8rem;letter-spacing:.24rem;font-family:majesty_wide;font-weight:normal;line-height:40%;color:aqua;text-align:center;width:100%;position:absolute;bottom:10px;margin-left:3px}header #contact{background-image:url(/img/icon_mail.svg?ffffff)}header #instagram{background-image:url(/img/icon_instagram.svg?ffffff)}header #behance{background-image:url(/img/icon_behance.svg?ffffff)}header a.circle{margin-top:1rem;width:40px;height:40px;background-size:60%;background-color:#000;border-radius:10rem;align-self:bottom;background-position:center center;background-repeat:no-repeat;transition:transform .25s;display:inline-block}header a.circle:hover{transform:scale(1.25)}@keyframes flipUp{0%{transform:translateY(0px)}100%{transform:translateY(-150px)}}@keyframes flipDown{0%{transform:translateY(-90px)}100%{transform:translateY(0px)}}@keyframes pageName{0%{width:0px}100%{width:400px}}#header_logo{position:relative;min-height:6rem;width:calc(100% - 7rem);margin-bottom:1rem;display:flex;height:auto}#header_links{flex-direction:column;width:100%;margin-top:1rem}#logo{background-image:url(/img/logo.svg?555555);background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-position-x:center;background-position-y:bottom;height:0px;align-self:flex-end;width:100%;z-index:2;padding-top:19%}a.featured{width:100%;text-transform:uppercase;font-size:.8rem;text-decoration:none;padding:.6rem .3rem;position:relative;overflow:hidden;display:block;text-align:center}a.featured span{display:block;padding-top:3.4rem;background-size:80px auto !important;transition:padding .2s}a.featured:hover span{background:none !important;padding-top:1.7rem;padding-bottom:1.7rem}a.featured:before{content:"";background-color:#5a00ff;top:100%;left:0%;position:absolute;transform-origin:0% 0%;width:100%;height:100%;transition:top .2s;z-index:-1}a.featured:hover,a.featured:hover span{color:#fff}a.featured:hover img{filter:invert(1)}a.featured:hover:before{top:0%}.character_set{background-color:var(--color2);display:flex;flex-wrap:wrap;justify-content:center;padding:3rem 1rem}.character_set p{text-align:center;width:5rem;font-size:1.8rem;color:var(--textcolor);display:grid;grid-template-rows:5rem;align-items:center;padding-bottom:1rem;border:1px solid var(--textcolor2);margin-right:-1px;margin-bottom:-1px}aside.teaser{display:none;position:fixed;width:6rem;height:15vh;transition:all .25s;z-index:10;transform:translateX(35px);border-right:40px solid #000;background-color:#000}aside.teaser.prev{right:0rem;bottom:calc(45vh + 2px)}aside.teaser.next{right:0rem;bottom:30vh}aside.teaser:hover{transform:translateX(0px)}aside.teaser.prev span{transform:rotate(90deg)}aside.teaser.next span{transform:rotate(-90deg)}aside.teaser.hide{right:-4rem}aside.teaser p{width:100%;height:100%;text-align:center}aside.teaser a{display:flex;height:100%;text-decoration:none;font-size:4rem;align-items:center}aside.teaser a span{margin:0 auto;background:url(/img/chevron.svg?ffffff) center center no-repeat;font-size:0px;height:100%;width:100%;background-size:70%}#sampler_container{background-color:#fff}#sampler{color:#000;padding-top:2rem;padding-bottom:2rem;max-width:none;border-radius:3px;height:auto;overflow:visible}#sampler h2{font-family:majesty_wide;padding-right:1rem}#sampler div.h2_container{display:inline-flex;background:none;height:auto;position:relative}#sampler a{display:inline;transition:border .2s,padding .2s;border:1px solid rgba(0,0,0,0);padding:.3rem .6rem;text-decoration:none}#sampler a.active{border:1px solid #5a00ff}#sampler p#sampler_settings{margin-top:.5rem}#sampler p#sampler_settings span{display:flex;flex-wrap:wrap}#sampler p{text-align:left;display:flex;justify-content:space-between;flex-wrap:wrap}#sampler p span{display:flex}#sampler p[contenteditable]{height:18rem;padding:1rem;background-color:#efefef;margin-top:1rem;font-size:2rem;line-height:120%;position:relative;overflow:hidden;outline:none;transition:height .5s}#sampler p[contenteditable]:after{content:" ";width:20px;height:20px;position:absolute;top:-10px;left:-10px;transform:rotate(45deg)}#sampler p[contenteditable]:before{content:" ";width:20px;height:20px;position:absolute;top:-10px;right:-10px;transform:rotate(45deg)}#sampler p[contenteditable].grow{height:25rem}#sampler span#editable_base{width:100%;background-color:#efefef;display:block;height:20px;position:relative;overflow:hidden}#sampler span#editable_base:after{content:" ";width:20px;height:20px;position:absolute;bottom:-10px;left:-10px;transform:rotate(45deg)}#sampler span#editable_base:before{content:" ";width:20px;height:20px;position:absolute;bottom:-10px;right:-10px;transform:rotate(45deg)}#sampler span#editable_base div.h2_container::after{content:" ";position:absolute;top:0px;left:10px;height:100%;width:100%;background:url(/img/cursor.svg) center right no-repeat;animation:textSelect 7s infinite;pointer-events:none}@keyframes textSelect{0%{width:0%;opacity:1}32%{width:0%}33%{width:10%}36%{width:20%}39%{width:40%}42%{width:70%}45%{width:98%}80%{opacity:1}82%{opacity:0}84%{opacity:1}86%{opacity:0}88%{opacity:1}100%{width:98%;opacity:1}}#sampler input[type=range]{width:12rem;float:right}#sampler input[type=range]::before{content:"▲";font-size:.8rem;line-height:240%;padding:.5rem}#sampler input[type=range]::after{content:"▲";font-size:1.4rem;line-height:130%;padding:.5rem}#purchase{color:#000;width:100%;max-width:500px;margin-bottom:250px}#purchase input[type=submit],#purchase .purchase button{margin:0px auto !important;width:100%;display:block}#purchase h2{font-size:1.5rem}#purchase .go_back{font-size:1.5rem}#purchase .go_back a{text-decoration:none;margin-left:0rem;border:0rem solid rgba(0,0,0,0);transition:all .3s}#purchase .go_back a:hover{margin-left:-1rem;border-right:1rem solid rgba(0,0,0,0)}#purchase .checkout-header{display:flex;align-items:flex-start;gap:.5rem}#purchase .checkout-header .go_back{margin:0;flex-shrink:0}#purchase .checkout-header .checkout-meta{flex:1;min-width:0}#purchase .checkout-header .checkout-meta p.desc{margin-bottom:0}#purchase p{margin-bottom:1rem;overflow:visible;min-height:2.5rem}#purchase span.read{width:1.25rem;margin-right:.2rem;vertical-align:bottom;height:1.7rem;background:url("/img/magnifying_glass.svg?rgb(90, 0, 255)") top left no-repeat;opacity:.7;overflow:hidden;text-indent:-20rem;display:inline-block}#purchase a:hover span.read{opacity:1;background:url("/img/magnifying_glass.svg?{$accent}") top left no-repeat}#purchase p.submit{margin-top:1rem;margin-bottom:0rem}#purchase #embed_options{margin:1rem 0rem;text-align:center}#purchase #embed_options .clarifier{display:none}#purchase #embed_options span.checkbox-material{margin-right:.25rem}#purchase #embed_options div.checkbox{width:100%}#purchase #embed_options label span.check{transform:translateY(-3px)}#purchase input[type=checkbox]{display:none}#purchase .pay{width:100%}#purchase .weights{margin-bottom:1rem}#purchase .weights li{display:flex;font-weight:bold;padding:.5rem 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#purchase .weights li.free:hover{animation:none}#purchase .weights li:hover{background-color:#efefef}#purchase .weights li svg{margin-top:.3rem}#purchase .weights li svg.check{filter:invert(0);fill:#000;width:8%;opacity:1;transform:translate(0, 50px) scale(0.2);opacity:0;transition:all .2s}#purchase .weights li span{width:25%;opacity:0;font-weight:400}#purchase .weights li span.weight{width:70%;opacity:.5}#purchase .weights li span.price{padding-right:1rem;text-align:right}#purchase .weights li.active{transform:translate(0, 0)}#purchase .weights li.active svg.check{opacity:1;transform:translate(0, -4px);opacity:1;transition:all .2s;fill:#5a00ff}#purchase .weights li.active span.weight{opacity:1}#purchase .weights li.active span{opacity:1}#purchase div.front,#purchase div.back{background-color:#fff;padding:1rem 1.5rem}#coupon_code{display:none;text-align:center}#coupon_code input{margin:0 auto}#coupon_link{text-align:center;margin-top:1rem}#stripe_badge{margin-left:0;margin-top:1rem;opacity:.6}#stripe_badge:hover{opacity:1}footer{position:relative;margin-top:200px;padding:1rem 1rem 3.5rem 1rem;background-color:#5a00ff;color:#fff;background:url(/img/fonts_by_kosal.svg?4858ff) top right no-repeat #5a00ff}footer a{color:#fff}footer .fonts{margin-top:2rem}footer .fonts h3{margin-bottom:.7rem;font-size:1.4rem;font-family:"majesty_wide";text-transform:uppercase}footer .fonts a{margin-right:1rem}footer .links a{display:block}footer .copyright{border-left:0px;padding-left:0px}#solo{width:100%;background-color:#fff;padding:1rem;max-width:700px}#solo h1{margin-bottom:2rem}#solo p{margin-bottom:1rem}#solo label.basic{width:20%}#solo textarea{height:11rem}#solo input,#solo textarea{width:100%}#admin{position:fixed;z-index:10;bottom:10px;right:30px;background-color:rgba(0,0,0,.2)}#admin a{font-size:1rem;display:inline-block;padding:.2rem;color:rgba(255,255,255,.8)}#admin input::disabled{background-color:rgba(0,0,0,0)}a.button{display:inline-block;text-decoration:none}input[type=submit],button,a.button{font-family:"IBM Plex Sans",sans-serif;background-image:linear-gradient(#2a0bab, #2a0bab);background-position:0% 100%;background-repeat:no-repeat;background-size:100% 0%;background-color:#5a00ff;cursor:pointer;color:#fff;border:none;padding:.85rem 1rem .85rem 1rem;transition:all .1s;border-radius:2rem;color:#fff}input[type=submit]:hover,button:hover,a.button:hover{background-size:100% 100%;color:#fff !important}input[type=submit]:active,button:active,a.button:active{transform:scale(0.96)}input[type=submit],button{width:100%}input[type=submit]:disabled,button.disabled{background-color:#999;color:#efefef;pointer-events:none}.payment-radios{display:inline-flex;flex-direction:row;gap:1.2rem;vertical-align:middle;flex-wrap:wrap}p.pay-with-row{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}p.pay-with-row label.basic{display:inline;width:auto;flex:0 0 auto;margin-right:.3rem}label.payment-radio{display:flex;align-items:center;gap:.4rem;font-size:.9rem;cursor:pointer}label.payment-radio input[type=radio]{width:auto;margin:0;cursor:pointer}.payment-or{text-align:center;margin:1.2rem 0 .8rem;position:relative}.payment-or::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(0,0,0,.15)}.payment-or span{position:relative;background:#fff;padding:0 .75rem;font-size:.75rem;opacity:.45;text-transform:uppercase;letter-spacing:.1em}#paypal-button-container{margin:0 0 .5rem}#checkout_button s{line-height:.8rem;opacity:.5}#card-errors{margin-left:calc(20% + .2rem);display:block;margin-bottom:-1rem}.StripeElement--invalid{border-color:#5a00ff}.StripeElement--webkit-autofill{background-color:#fefde5 !important}.description{overflow:auto}.card{width:30%;padding:0rem 1rem 10rem 1rem;float:left}.card h2{margin:0px}select{border:0px;border-bottom:1px solid;border-radius:0px;-webkit-appearance:none;outline:none;padding:0 1.2rem 0 .15rem;-webkit-border-radius:0px;background:url("/img/triangle.svg") 100% .29rem no-repeat rgba(0,0,0,0);background-size:18px}select:disabled{opacity:.8}form input,textarea,.StripeElement{background-color:#efefef;width:70%;padding:.5rem .6rem;min-height:1.75em;border:0px}form input:focus,.is-focused{background-color:rgba(90,0,255,.4)}form input[type=submit]:focus{background-color:inherit}form label.check{margin-left:18%;width:80%}form label.check input{width:2rem}form p #card-element,form p input{width:100%;display:block;vertical-align:top}form label.basic{display:block}form p.submit{width:100%}#overlay{position:fixed;top:0px;right:0px;bottom:0px;left:0px;background-color:rgba(90,0,255,.7);z-index:1000}#modal{width:94%;max-width:800px;height:97vh;background-color:rgba(0,0,0,0);margin:0 auto;z-index:1001;display:block;padding-bottom:4rem;position:fixed;overflow:hidden;left:50%;transform:translateX(-50%);top:1rem}#modal div#modal_content{overflow:scroll;height:100%;margin-top:5rem;left:0px}#modal a.close{position:fixed;font-size:5rem;line-height:130%;display:block;top:0rem;left:0rem;background-color:#fff;height:5rem;width:5rem;display:flex;justify-content:center;align-items:center}#modal a.close:hover{color:orange;text-decoration:none}input[type=range]{height:26px;-webkit-appearance:none;margin:10px 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:1px;cursor:pointer;animate:.2s;box-shadow:0px 0px 0px #000;background:#000;border-radius:0px;border:0px solid #000}input[type=range]::-webkit-slider-thumb{box-shadow:0px 0px 0px #000;border:0px solid #000;height:20px;width:20px;border-radius:48px;background:#6f00ff;cursor:pointer;-webkit-appearance:none;margin-top:-9.5px}input[type=range]:focus::-webkit-slider-runnable-track{background:#000}input[type=range]::-moz-range-track{width:100%;height:1px;cursor:pointer;animate:.2s;box-shadow:0px 0px 0px #000;background:#000;border-radius:0px;border:0px solid #000}input[type=range]::-moz-range-thumb{box-shadow:0px 0px 0px #000;border:0px solid #000;height:20px;width:20px;border-radius:48px;background:#6f00ff;cursor:pointer}input[type=range]::-ms-track{width:100%;height:1px;cursor:pointer;animate:.2s;background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:rgba(0,0,0,0)}input[type=range]::-ms-fill-lower{background:#000;border:0px solid #000;border-radius:0px;box-shadow:0px 0px 0px #000}input[type=range]::-ms-fill-upper{background:#000;border:0px solid #000;border-radius:0px;box-shadow:0px 0px 0px #000}input[type=range]::-ms-thumb{margin-top:1px;box-shadow:0px 0px 0px #000;border:0px solid #000;height:20px;width:20px;border-radius:48px;background:#6f00ff;cursor:pointer}input[type=range]:focus::-ms-fill-lower{background:#000}input[type=range]:focus::-ms-fill-upper{background:#000}.flip-container{margin:0 auto;margin-bottom:2rem;perspective:1000px}.flip-container.hover .flipper{height:20rem;transform:rotateY(180deg)}.flip-container div.back{position:absolute}.flipper{transition:.6s;transform-style:preserve-3d;position:relative}.front,.back{-webkit-backface-visibility:hidden;backface-visibility:hidden;top:0;left:0}.front{z-index:2;transform:rotateY(0deg)}.back{transform:rotateY(180deg)}.checkbox{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0)}.checkbox label{cursor:pointer;padding-left:0}.checkbox input[type=checkbox]{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.checkbox .checkbox-material{vertical-align:middle;position:relative;top:3px}.checkbox .checkbox-material:before{position:absolute;left:8px;top:2px;content:"";background-color:rgba(0,0,0,.5);height:4px;width:4px;border-radius:100%;z-index:1;opacity:0;margin:0}.checkbox .checkbox-material .check{position:relative;display:inline-block;width:20px;height:20px;border:2px solid;border-radius:25px;overflow:hidden;z-index:1}.checkbox .checkbox-material .check:before{position:absolute;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg);display:block;margin-top:-4px;margin-left:6px;width:0;height:0;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;-webkit-animation:checkbox-off .3s forwards ease-out;animation:checkbox-off .3s forwards ease-out}.checkbox input[type=checkbox]:focus+.checkbox-material .check:after{opacity:.2}.checkbox input[type=checkbox]:checked+.checkbox-material .check:before{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;-webkit-animation:checkbox-on .3s forwards ease-out;animation:checkbox-on .3s forwards ease-out}.checkbox input[type=checkbox]:not(:checked)+.checkbox-material:before{-webkit-animation:rippleOff 700ms forwards ease-out;animation:rippleOff 700ms forwards ease-out}.checkbox input[type=checkbox]:checked+.checkbox-material:before{-webkit-animation:rippleOn 700ms forwards ease-out;animation:rippleOn 700ms forwards ease-out}.checkbox input[type=checkbox]:not(:checked)+.checkbox-material .check:after{-webkit-animation:rippleOff 700ms forwards ease-out;animation:rippleOff 700ms forwards ease-out}.checkbox input[type=checkbox]:checked+.checkbox-material .check:after{-webkit-animation:rippleOn 700ms forwards ease-out;animation:rippleOn 700ms forwards ease-out}.checkbox input[type=checkbox][disabled]:not(:checked)~.checkbox-material .check:before,.checkbox input[type=checkbox][disabled]+.circle{opacity:.5}.checkbox input[type=checkbox][disabled]+.checkbox-material .check:after{background-color:rgba(0,0,0,.84);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.coloured .checkbox-material .check{color:#2faef8}.coloured .checkbox-material:before{background-color:#2faef8}.coloured input[type=checkbox]:checked+.checkbox-material .check{color:#2faef8}@-webkit-keyframes checkbox-on{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}100%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@keyframes checkbox-on{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}100%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-webkit-keyframes checkbox-off{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0px;height:0px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0px 0px 0 10px inset}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0px 0px 0 0px inset}}@keyframes checkbox-off{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0px;height:0px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0px 0px 0 10px inset}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0px 0px 0 0px inset}}@-webkit-keyframes rippleOn{0%{opacity:.5}100%{opacity:0;-webkit-transform:scale(13, 13);transform:scale(13, 13)}}@keyframes rippleOn{0%{opacity:.5}100%{opacity:0;-webkit-transform:scale(13, 13);transform:scale(13, 13)}}@-webkit-keyframes rippleOff{0%{opacity:.5}100%{opacity:0;-webkit-transform:scale(13, 13);transform:scale(13, 13)}}@keyframes rippleOff{0%{opacity:.5}100%{opacity:0;-webkit-transform:scale(13, 13);transform:scale(13, 13)}}.profile-main-loader{left:50% !important;margin-left:-150px;position:fixed !important;top:50% !important;margin-top:-150px;width:45px;z-index:9000 !important}.profile-main-loader .loader{position:relative;margin:0px auto;width:300px;height:300px}.profile-main-loader .loader:before{content:"";display:block;padding-top:100%}.circular-loader{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;height:100%;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;width:100%;position:absolute;top:0;left:0;margin:auto}.loader-path{stroke-dasharray:150,200;stroke-dashoffset:-10;-webkit-animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-linecap:round}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}100%{stroke-dasharray:89,200;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}100%{stroke-dasharray:89,200;stroke-dashoffset:-124}}@-webkit-keyframes color{0%{stroke:#fff}40%{stroke:#fff}66%{stroke:#fff}80%,90%{stroke:#fff}}@keyframes color{0%{stroke:#fff}40%{stroke:#fff}66%{stroke:#fff}80%,90%{stroke:#fff}}@media only screen and (min-width: 600px){header{justify-content:flex-end;align-items:flex-start}header #header_logo{width:calc(100% - 150px - 8rem);height:100px;margin-right:1rem}header #header_links{width:150px}.Home header{justify-content:space-between}.Home #header_logo{width:60%;height:auto;margin:1.2rem 0 0 0}.Home #header_links{width:33%;max-width:250px}.Home #logo{width:100%}form p #card-element,form p input{display:inline-block;vertical-align:top;width:75%}form label.basic{display:inline-block;width:25%;line-height:200%;vertical-align:top}p.pay-with-row{display:block}p.pay-with-row label.basic{width:25%;display:inline-block;margin-right:0}#purchase{max-width:460px}#purchase div.front,#purchase div.back{padding:2rem}#purchase .checkout-header .go_back{margin:0}#stripe_badge{margin-left:25%}#sampler p[contenteditable]{padding:1rem 1.5rem}footer{display:grid;grid-template-columns:15rem auto;align-items:start;padding:3rem}footer .fonts{margin-top:0px}#solo{padding:2rem 3rem}#solo input,#solo textarea{width:80%}#solo input[type=submit]{width:100%}}@media only screen and (min-width: 800px){aside.teaser{display:block}header{justify-content:space-between}#header_logo{margin-left:7rem;max-width:500px;height:100px;margin-right:1rem}#header_links{width:18%;flex-direction:row-reverse}.typeface header{justify-content:flex-end}.typeface #header_logo #logo{position:fixed;left:15px;bottom:-20px;margin:0px;padding:0px;width:200px;height:40px;transform-origin:0px 0px;transform:rotate(-90deg)}#alphabet{display:flex;justify-content:space-between}#h1_container{position:absolute;width:auto;padding-top:180px;transform:translateY(-300px)}#quicklinks{width:20%;max-width:200px}#grid{width:78%}#about{text-align:left}#about div{width:calc(100% - 20rem)}#about blockquote{position:absolute;right:0px;width:45%;overflow:visible;opacity:1}footer{padding-left:4rem}}