/***  Reset Styles ***/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
li { margin: 0; padding: 0; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; border:0; outline:0; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }
a { outline: none; text-decoration: none; color: inherit; }
a img { border: none; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
button { border-collapse: collapse; border-spacing: 0; border: 0; padding: 0; background-color: none; font-family: inherit; }

.clear { clear: both; font-size: 1px; line-height: 1px; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.texthide { text-indent: -9999em; }
.hide { display: none; }
.left { float: left; }
.right { float: right; }

/* body { background: #000; } */
/* body { background-image: linear-gradient(45deg, #039BE4, #6D1EC9, #E20249); } */
/* body { background-image: linear-gradient(-45deg, #01FFC2, #01A4FF); } */
body {
  height: 100vh;
  animation: gradient 12s ease-in-out infinite;
  background-image: linear-gradient(170deg,#7c4dff,#00bcd4);
  background-size: 150% 150%;
}

.gradient-pattern {
  animation: gradient 12s ease-in-out infinite;
/** background-image: linear-gradient(-45deg,#01ffc2,#01a4ff,#6d1ec9); **/
/** background-image: linear-gradient(350deg,#6d1ec9,#01a4ff); **/
/**  background-image: linear-gradient(350deg,#5434fd,#326cfe,#65c9ff); **/
/**  background-image: linear-gradient(350deg,#5434fd,#326cfe,#87ecfe); **/
/**  background-image: linear-gradient(350deg,#7c4dff,#00bcd4); **/
  background-image: linear-gradient(180deg,#7851fe,#1fa0df);
  background-size: 140% 140%;
  width: 100%;
  height: 100%;
}

@keyframes gradient {
  0% {
    background-position: 51% 0%;
  }
  50% {
    background-position: 50% 100%;
  }
  100% {
    background-position: 51% 0%;
  }
}