img,legend{border:0}body,figure{margin:0}.codrops-header,.codrops-top,.related>a,p.ref,section{text-align:center}.codrops-demos a,.codrops-top a{text-decoration:none;letter-spacing:1px}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a:focus{outline:dotted thin}a,a:active,a:hover,button{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@font-face{font-weight:400;font-style:normal;font-family:codropsicons;src:url(../../../public/fonts/codropsicons/codropsicons.eot);src:url(../../../public/fonts/codropsicons/codropsicons.eot?#iefix) format('embedded-opentype'),url(../../../public/fonts/codropsicons/codropsicons.woff) format('woff'),url(../../../public/fonts/codropsicons/codropsicons.ttf) format('truetype'),url(../../../public/fonts/codropsicons/codropsicons.svg#codropsicons) format('svg')}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}.clearfix:after,.clearfix:before{content:'';display:table}.clearfix:after{clear:both}body{background:#fff;color:#383a3c;font-weight:400;font-size:1em;line-height:1.25;font-family:Raleway,Calibri,Arial,sans-serif}a{color:#566473;text-decoration:none}a:focus,a:hover{color:#34495e}section{padding:1em}p.ref{padding:2em 1em}.codrops-header{margin:0 auto;padding:2em;max-width:900px}.codrops-header h1{margin:0;font-size:4.5em;line-height:1;font-weight:200}.codrops-header h1 span{display:block;padding:1em 0 1.5em;font-size:36%;color:#95a5a6;line-height:1.4}.codrops-top{width:100%;text-transform:uppercase;font-weight:700;font-size:.69em;padding:3em 0}.codrops-top a{display:inline-block;padding:1.5em}.codrops-icon:before{margin:0 4px;text-transform:none;font-weight:400;font-style:normal;font-variant:normal;font-family:codropsicons;line-height:1;speak:none;-webkit-font-smoothing:antialiased}.codrops-icon-drop:before{content:"\e001"}.codrops-icon-prev:before{content:"\e004"}.codrops-demos{padding-top:1em;font-size:.8em}.codrops-demos a{display:inline-block;margin:.35em .1em;padding:.5em 1.2em;outline:0;text-transform:uppercase;font-weight:700;border-radius:2px;font-size:110%;border:2px solid transparent}.codrops-demos h3{margin:0;padding:1em 0 .5em;font-size:.9em;float:left;min-width:90px;clear:left}.codrops-demos div:not(:first-child) h3{padding-top:2em}.codrops-demos a.current-demo,.codrops-demos a:hover{color:inherit;border-color:initial}.related{padding:10em 0}.related p{font-size:1.5em}.related>a{display:inline-block;margin:20px 10px;padding:25px;vertical-align:middle}.main-title,.related a h3{margin:0;text-align:center}.related a img{max-width:100%;opacity:.8;border-radius:10px}.related a:active img,.related a:hover img{opacity:1}.related a h3{min-height:63px;padding:.5em 0 .3em;max-width:300px;font-weight:400;font-size:1em}@media screen and (max-width:40em){.codrops-header h1{font-size:2.5em}}.large-header{position:relative;width:100%;background:center center #333;overflow:hidden;background-size:cover;z-index:1}.demo-1 .large-header{background-image:url(../img/ludus_bg_glow.jpg)}.main-title{position:absolute;padding:0;color:#f9f1e9;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.demo-1 .main-title,.demo-3 .main-title{text-transform:uppercase;font-size:4.2em;letter-spacing:.1em}.demo-2 .main-title{font-family:'Clicker Script',cursive;font-weight:400;font-size:8em;padding-left:10px;text-shadow:2px 2px 4px rgba(0,0,0,.4)}.demo-2 .main-title::before{content:'';width:20vw;height:20vw;min-width:3.5em;min-height:3.5em;background:url(../../../public/img/deco.svg) center center no-repeat;background-size:cover;position:absolute;top:50%;left:50%;border-radius:50%;z-index:-1;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.demo-3 .main-title{padding:10px 40px;border:10px double #f9f1e9;text-transform:uppercase;font-family:Londrina Outline,sans-serif}.demo-4 .main-title{font-size:6em;font-weight:300;padding:10px 30px;text-transform:uppercase;color:#222}.main-title .thin{font-weight:200}@media only screen and (max-width :768px){.demo-1 .main-title,.demo-3 .main-title,.demo-4 .main-title{font-size:3em}.demo-2 .main-title{font-size:4em}}