* {
    margin: 0;
    padding: 0;
}


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


html, body {
    min-width: 320px;
    height: 100%;
    margin: 0;
    padding: 0;
	font-family: 'IBMPlexSansLight';
	background: #F9F8E3; 
	background: linear-gradient(45deg, #6C7473,#31466C,#9E484E,#A26F4A); 
	background-size: 400% 400%;
	animation: gradient 17s ease infinite;
	
	
}

@font-face {
    font-family: 'Aestetico Extra';
    src: url('fonts/Aestetico-ExtraLight/Aestetico-ExtraLight.eot');
    src: url('fonts/Aestetico-ExtraLight/Aestetico-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/Aestetico-ExtraLight/Aestetico-ExtraLight.woff2') format('woff2'),
        url('fonts/Aestetico-ExtraLight/Aestetico-ExtraLight.woff') format('woff'),
        url('fonts/Aestetico-ExtraLight/Aestetico-ExtraLight.ttf') format('truetype'),
        url('fonts/Aestetico-ExtraLight/Aestetico-ExtraLight.svg#Aestetico-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    margin: 0px;
    padding: 0px;
}

.clear {
    clear: both;
}



.hide { display: none !important; }

a { color: #44606E; text-decoration: none; outline: none; }
/* 1_0 Base Settings */

/* Main Forms */
input { outline:none; }
button { outline: none; cursor: pointer; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay: 9999s;
}


/* Header */

/* 1_1 - Titles and captions */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-family: 'PFBenchmarkProThin'; font-size: 32px; color: #404449; }
h2 { font-family: 'PFBenchmarkProThin'; font-size: 32px; color: #404449; }

.offline_block { width: 96%; padding: 0 2% 0 2%; max-width: 1200px; margin: 0 auto; text-align: left; font-family: 'fonts/Aestetico Extra'; font-size: 54px; color: #fff; }

.logo_block { width: 100%; text-align: center; }
a.logo { width: 486px; max-width: 100%; height: 87px; background: url('logo_offline_wh.png') no-repeat; display: inline-block; outline: none; text-decoration: none; border: none; position: relative; margin-top:55px; background-size: 100% auto; }
.cover { position: fixed; left:0px; top:0px; width: 100%; height: 100%; z-index: 2000; }

/*
.text1 {
	text-align: center;
	 position: relative;
  font-family: sans-serif;
  text-transform: uppercase;
  font-size: 80px;
  letter-spacing: 4px;
  overflow: hidden;
  background: linear-gradient(90deg, #6C7473,#31466C,#9E484E,#A26F4A);
  background-repeat: no-repeat;
  background-size: 80%;
  animation: animate 5s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0);
}
@keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}

*/

.text2 {
	display: block; text-align: center;
  background: 50% 100% / 50% 50% no-repeat
              radial-gradient(ellipse at bottom, #F9F8E3, transparent, transparent);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 54px;
   font-family: 'Aestetico Extra';
  animation: reveal 3000ms ease-in-out forwards 200ms,
             glow 2500ms linear infinite 2000ms;
}
  @keyframes reveal {
    80%{
      /*#6C7473,#31466C,#9E484E,#A26F4A*/
    }
    100% {
      background-size: 300% 300%;
    }
  }
  @keyframes glow {
    40% {
      text-shadow: 0 0 8px #fdf556;
    }
  }