/* CSS Document */
/*!
 * dsignPOETRY labs.
 * CSS: 7992-vertical-colorfade-and-colorfade.css
 * File In Use: https://www.dsignpoetry.com
 * Version: 16.02.12
 * Theme Author: DoggieStudio dsignPOETRY labs - Another DoggieStudio Production Since 1984 ★ (adps1984 foundation) ★
 * Orign Fit: Bootstrap 5.3.x & Unify 3.2.2
 * 
 * Copyright © 1984-2023 dsignPOETRY (DP) and DoggieStudio (DS) licensed by adps1984 foundation. All rights reserved.
 *
 * Date: 2022.12.30 (BS update)
 *
 * Included: Bootstrap 5.3.x
*/
/* -------------------------------------------------------------------------------------------------------------------------
   Lets Begin The Experimental Item 7992
** ------------------------------------------------------------------------------------------------------------------------- */
/*------------------------------------
	dsignPOETRY Custom Font Face
------------------------------------*/
/* Stencil Fonts */
@font-face {
	font-family:"HelveticaRoundedLTStd-Bd";
	src:url('../../fonts/HelveticaRoundedLTStd-Bd.eot');
	src:url('../../fonts/HelveticaRoundedLTStd-Bd.woff') format('woff'),
		url('../../fonts/HelveticaRoundedLTStd-Bd.woff2') format('woff2'),
		url('../../fonts/HelveticaRoundedLTStd-Bd.svg#HelveticaRoundedLTStd-Bd') format('svg'),
		url('../../fonts/HelveticaRoundedLTStd-Bd.ttf') format('truetype'),
		url('../../fonts/HelveticaRoundedLTStd-Bd.eot?#iefix') format('embedded-opentype');
	font-weight:normal;
	font-style:normal; }

* {box-sizing: border-box; }

body,
html {
	height: 100%;
	margin: 0;
	padding: 0; }

body {
	display: -webkit-box;
	display: flex;
	font-family: "HelveticaRoundedLTStd-Bd", serif;
	overflow: hidden;
	background: linear-gradient(133deg, #fff8f2, #fc3500);
	background-size: 400% 400%;
	animation: BackgroundGradient 8s ease infinite; }

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

[class*="wrapper"] {
	display: grid;
	place-items: center;
	width: 50vw;
	padding: 40px;
	overflow: hidden; }

h3 {
  font-weight: 500;
}

.wrapper-dark {
	color: #fff;
	background: linear-gradient(133deg, #fc3500, #070605);
	background-size: 400% 400%;
	animation: BackgroundGradientDark 8s ease infinite; }

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

.wrapper-dark h3 {font-weight: 400; }