@charset "UTF-8";.wrapper{opacity:0;transition:.3s opacity}.wrapper.jsActive{opacity:1}.content{margin:0 auto;max-width:600px;text-align:center}.header,.main,.footer{padding:5% 2.5%}.header ul{margin:0 auto;text-align:left;width:80%}.section{padding:25px 0}.section h4{margin:1.5em 0 .5em;text-align:left}.section pre{padding:1em;text-align:left}.bg{list-style:none;margin:0 auto;padding-top:62.5%;width:100%}.bg li{background-color:#dc143c;height:100%;left:0;top:0;width:100%}.bg li:first-of-type{background-color:#4169e1}.bg li:last-of-type{background-color:#00ced1}.bg li span{color:#fff;font-size:5rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#control{margin-bottom:20px}#customize{overflow:hidden}#customize li span{background:url(/assets/images/bgfade-sample-image-01.jpg) no-repeat center;background-size:cover;display:block;height:100%;left:0;position:absolute;top:0;transform:scale(1);transition:transform 8s;width:100%}#customize li:first-of-type span{background-image:url(/assets/images/bgfade-sample-image-02.jpg)}#customize li:last-of-type span{background-image:url(/assets/images/bgfade-sample-image-03.jpg)}#customize li.bg-active span{transform:scale(1.2)}