@font-face{font-weight:normal;font-style:normal;font-family:'codropsicons';src:url("/2024/2/fm46w14563/fonts/codropsicons/codropsicons.eot");src:url("/2024/2/fm46w14563/fonts/codropsicons/codropsicons.eot-") format('embedded-opentype'),url("/2024/2/fm46w14563/fonts/codropsicons/codropsicons.woff") format('woff'),url("/2024/2/fm46w14563/fonts/codropsicons/codropsicons.ttf") format('truetype'),url("/2024/2/fm46w14563/fonts/codropsicons/codropsicons.svg") format('svg')}*,*:after,*:before{-webkit-box-sizing:border-box;box-sizing:border-box}.clearfix:before,.clearfix:after{content:'';display:table}.clearfix:after{clear:both}body{background:#fff;color:#FFF;font-weight:400;font-size:1em;line-height:1.25;font-family:'Raleway',Calibri,Arial,sans-serif}a,button{outline:0}a{color:#fff;text-decoration:none}a:hover,a:focus{color:#fff}section{padding:1em;text-align:center}p.ref{text-align:center;padding:2em 1em}.codrops-header{margin:0 auto;padding:2em;text-align:center;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;text-align:center;padding:3em 0}.codrops-top a{display:inline-block;padding:1.5em;text-decoration:none;letter-spacing:1px}.codrops-icon:before{margin:0 4px;text-transform:none;font-weight:normal;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;text-align:center}.codrops-demos a{display:inline-block;margin:.35em .1em;padding:.5em 1.2em;outline:0;text-decoration:none;text-transform:uppercase;letter-spacing:1px;font-weight:700;border-radius:2px;font-size:110%;border:2px solid transparent}.codrops-demos a:hover,.codrops-demos a.current-demo{border-color:#383a3c}.codrops-demos h3{margin:0;padding:1em 0 .5em 0;font-size:.9em;float:left;min-width:90px;clear:left}.codrops-demos div:not(:first-child) h3{padding-top:2em}.codrops-demos a:hover,.codrops-demos a.current-demo{color:inherit;border-color:initial}.related{padding:10em 0}.related p{font-size:1.5em}.related>a{display:inline-block;text-align:center;margin:20px 10px;padding:25px;vertical-align:middle}.related a img{max-width:100%;opacity:.8;border-radius:10px}.related a:hover img,.related a:active img{opacity:1}.related a h3{margin:0;min-height:63px;padding:.5em 0 .3em;max-width:300px;text-align:center;font-weight:400;font-size:1em}@media screen and (max-width:40em){.codrops-header h1{font-size:2.5em}}