﻿/**STICKER FOR DESCRIPTION**/
*,
*::before,
*::after {
  box-sizing: inherit;
}

.box { 
	7878width: 240px; WIDTH: 300PX;
	height: 75px;  
	font-size: 1.3rem;
  display: block;
  position: relative;
  border-radius: 5px;
  margin-top: 10px;  
  margin-left: 10px;
  11margin-bottom: 40px;
  77padding: 15px 25px 0 40px; padding-left: 5px;
  color: darkslategray;
  7878box-shadow: 1px 2px 1px -1px #777;
  7878transition: background 200ms ease-in-out;
	/** STYLING TO SYNCHRONIZE WITH CONTAINER-INNER-ROOM**/
  		7878background: linear-gradient(100deg, #402, #006);
  		display: flex;
  		justify-content: center;
  		align-items: center;
  		7878background-color: #ffffff;
  		background-position: 50% 50%;
		 
  		7878animation: background-move 10s linear infinite;
  		background-size: 100vw auto, 100% 100%;
  		background-size: max(100vw, 30em) auto, 100% 100%;
		 

		font-family:sans-serif;
		line-height:1.15;
		-ms-text-size-adjust:100%;
		-webkit-text-size-adjust:100%;
	/** END OF STYLING TO SYNCHRONIZE WITH CONTAINER-INNER-ROOM **/ 
	}




/**BOX BORDER************************************************************************************ **/
.box:before, .box:after {  
	content: '';
	position: absolute;
	left: -2px;
	top: -2px;
	/**
	7878background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000, #fb0094, 
		#0000ff, #00ff00,#ffff00, #ff0000);
	**/
	background-size: 400%;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	z-index: -1;
	7878animation: steam 20s linear infinite;
	}

/**

@keyframes steam {
	7878----0% {
		background-position: 0 0;
		}

	7878----50% {
		background-position: 400% 0;
		}

	7878----100% {
		background-position: 0 0;
		}
	}


.box:after {
	7878filter: blur(50px);  7878filter: blur(5px);
	}
**/
/**END OF BOX BORDER***************************************************************************** **/








.circle {
  position: absolute;
  top: 14px;
  left: 15px;
  border-radius: 50%;
  box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.5), inset 0 0 0 22px black;
  width: 20px;
  height: 20px;
  display: inline-block;
}
/**END OF STICKER FOR DESCRIPTION**/