body {
  background: url(trianglify-bg.svg) no-repeat;
  background-size: contain;
}

[data-md-color-primary=white] .md-header,
[data-md-color-primary=white] .md-tabs {
  background: linear-gradient(90deg,#f3fcf0,#e3f6e0a8,#cbf0f28c,#adc2d861);
}

.md-content h2 {
  border-bottom: .1rem solid rgba(0,0,0,.07);
}

.md-footer-hitokoto{
	color: #FFCCFF;
}

.md-footer-busuanzi{
	color: #00FFFF;
}

.md-footer-copyright{text-align: left}

#wrap {
            width: 600px;
            text-align: center;
            overflow: hidden;
            margin: 50px 50px;
        }
        
        .box {
            width: 2400px;
            height: auto;
            display: inline-block;
            animation: b1 10s infinite;
        }
        
        .box img {
            width: 600px;
            float: left;
        }
        
        @-webkit-keyframes b1 {
            0% {
                margin-left: 0px;
            }
            15% {
                margin-left: 0px;
            }
            20% {
                margin-left: -600px;
            }
            30% {
                margin-left: -600px;
            }
            35% {
                margin-left: -1200px;
            }
            45% {
                margin-left: -1200px;
            }
            50% {
                margin-left: -1800px;
            }
            60% {
                margin-left: -1800px;
            }
            65% {
                margin-left: -1200px;
            }
            75% {
                margin-left: -1200px;
            }
            80% {
                margin-left: -600px;
            }
            90% {
                margin-left: -600px;
            }
            100% {
                margin-left: 0px;
            }
        }