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%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}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:"“" "”" "‘" "’"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;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}.grid{position:relative;justify-content:center;align-items:center;width:100%;padding:0 10px;perspective:800px;perspective-origin:50% 100%}.grid__item{position:relative;display:inline-block;max-width:250px;width:100%;margin-top:3em;margin-left:15px;margin-right:5px;cursor:default;transform-style:preserve-3d}@media(max-width:767px){.grid__item{max-width:40%;width:50%}}@media(max-width:650px){.stack{height:160px!important}}.grid__item:hover,.grid__item:focus{outline:none}.grid__item--c1,.grid__item--c1:hover,.grid__item--c1:focus{color:#52649e}.grid__item--c2,.grid__item--c2:hover,.grid__item--c2:focus{color:#ee7074}.grid__item--c3,.grid__item--c3:hover,.grid__item--c3:focus{color:#f7f295}.stack{position:relative;width:100%;height:auto;transform-style:preserve-3d}.stack__deco{position:absolute;top:0;left:0;width:100%;height:100%;background-color:currentColor;transform-origin:50% 100%}.stack__deco:first-child{opacity:.2}.stack__deco:nth-child(2){opacity:.4}.stack__deco:nth-child(3){opacity:.6}.stack__deco:nth-child(4){opacity:.8}.stack__figure{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%;height:100%;cursor:pointer;transform-origin:50% 100%}.stack__img{position:relative;display:block;flex:none;width:100%}.grid__item-caption{position:relative;display:flex;flex-wrap:wrap;width:100%;transform-style:preserve-3d}.grid__item-title{font-size:1.15em;width:100%;text-align:left;color:#fff}.column{width:100%;padding:0 .5em;opacity:0}.column--left{text-align:right}.column--right{text-align:left}.column__text{font-size:.85em;display:block;color:#fff}.column--left .column__text{font-weight:bold}.column--right .column__text{color:#b0adad}.grid--effect-vega .column{opacity:1}.grid--effect-castor .stack__figure,.grid--effect-castor .stack__deco{transform-origin:50% 50%}.grid--effect-castor .column{opacity:1}.grid--effect-hamal{perspective:none}.grid--effect-hamal .column{opacity:1}.grid--effect-polaris{perspective-origin:100% -100%}.grid--effect-polaris .column{opacity:1}.grid--effect-alphard{perspective:none}.grid--effect-alphard .column{opacity:1}.grid--effect-alphard .stack__figure,.grid--effect-alphard .stack__deco{transform-origin:50% 150%}.grid--effect-altair{perspective-origin:50% -50%}.grid--effect-altair .column{opacity:1}.grid--effect-altair .stack__figure,.grid--effect-altair .stack__deco{transform-origin:50% 100%}.grid--effect-rigel{perspective-origin:50% 100%}.grid--effect-rigel .column{opacity:1}.grid--effect-canopus{perspective-origin:50% 0%}.grid--effect-canopus .column{opacity:1}.grid--effect-canopus .stack__figure,.grid--effect-canopus .stack__deco{transform-origin:50% 100%}.grid--effect-pollux{perspective:1000px;perspective-origin:50% -70%}.grid--effect-pollux .column{opacity:1}.grid--effect-pollux .stack__figure,.grid--effect-pollux .stack__deco{transform-origin:50% 50%}.grid--effect-pollux .grid__item-caption>.grid__item-title{transform-origin:50% -200%}.grid--effect-deneb{perspective:none}.grid--effect-deneb .stack__figure,.grid--effect-deneb .stack__deco{transform-origin:50% 50%}.grid--effect-deneb .grid__item-caption>.column{transform-origin:50% -200%}.content.content--related{font-weight:bold;justify-content:center;min-height:0;padding-bottom:10em;text-align:center;background:#5d5d66}.content--related a{color:#b0adad}.content--related a:hover,.content--related a:focus{color:#fff}.content--related p:first-child{padding:6em 0 2em}.content--related p{width:100%;color:#37373e}.media-item{font-size:.85em;display:inline-block;padding:1em 2vw;vertical-align:top;transition:color .3s}.media-item__img{max-width:100%;opacity:.6;transition:opacity .3s}.media-item:hover .media-item__img,.media-item:focus .media-item__img{opacity:1}.media-item__title{font-size:1em;margin:0;padding:.5em}@media screen and (max-width:42em){.codrops-header{display:block;text-align:center}.github{width:100%;margin:0;padding:.5em 0}.message-mobile{display:block}}.photo-title{font-family:'W_yekan';font-size:20px;font-weight:bold;text-align:right;color:#de9b13;line-height:20px;height:auto}.photo-title>span{font-weight:bold}.photo-describe{font-family:'W_yekan';font-size:15px;font-weight:normal;text-align:right;color:#fff;text-align:justify}a.grid__item{text-decoration:none}