@import './button.scss';
@import './col.scss';
@import './tag.scss';
@import './row.scss';
@import './icon.scss';
@import './transition.scss';
@import './message.scss';
@import './breadcrumb.scss';
@import './card.scss';
@import './twotable.scss';
@import './hour.scss';
@import './indexcard.scss';

body{ background-image: url(images/bg.png); }
section{ color: #fff!important }
section p{color: #fff!important}
section code{color: #3f536e}
.docs-trans{
	background:-webkit-gradient(linear, left top, right top, from(#0ebeff), color-stop(#ffdd40), color-stop(#ae63e4), color-stop(#47cf73), color-stop(#0ebeff), color-stop(#ffdd40), color-stop(#ae63e4), to(#47cf73));
	background:linear-gradient(90deg, #0ebeff, #ffdd40, #ae63e4, #47cf73, #0ebeff, #ffdd40, #ae63e4, #47cf73);
	background-size: 200% 200%;
	-webkit-transition: background-color .3s linear;
    transition: background-color .3s linear;
    -webkit-animation: rainbow-border 1.5s linear infinite; 
   	animation: rainbow-border 1.5s linear infinite;	
	}
@-webkit-keyframes rainbow-border{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:200% 50%}}
@keyframes rainbow-border{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:200% 50%}}