* {
	margin:0;
	padding:0;
}

body {
	background: url('https://us.123rf.com/450wm/iuphotos/iuphotos2103/iuphotos210322154/166597134-green-abstract-defocused-background-with-hexagon-shape-bokeh-spots.jpg?ver=6');
	background-size: cover;
}

.block-item {
	min-width:575px;
	margin:10px auto;
	display:table;
	border: 1px solid black;
	border-radius: 15px;
	background-color: #f7daca;
	padding:20px;
	margin-bottom:15px;
}



.formBox *{
	margin:5pxб 5px;
}

.info:hover{
	color:blue;
}

.submitBtn {
	min-width:75px;
}
.backLink {
	position:absolute;
	margin:40px;
	left:0;
	top:0;
	padding:10px;
	border-radius:50%;
	border:4px solid black;
	background-color:white;
	font-weight:bold;
	font-family: sans-serif; 
	font-size: 70px;
	text-decoration:none !important;
}
.buttonLink {
	font: bold 17px Arial;
	text-decoration: none;
	background-color: #EEEEEE;
	color: #333333;
	padding: 2px 6px 2px 6px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #CCCCCC;
}

.clear {
	clear:both;
}
.rb {
  background-image: repeating-linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red, violet);
  text-align: center;
  background-size: 800% 800%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 24px;
  animation: rainbow 8s ease infinite;
}

@keyframes rainbow { 
    0%{background-position:0% 50%}
    50%{background-position:100% 25%}
    100%{background-position:0% 50%}
}

.info{
	float: right;
	padding:5px;
	transition:1.5s;
}
.info:hover:after{
	-webkit-text-fill-color: black;
    position: absolute !important;
    padding: 5px !important;
    border: 1px solid gray !important;
    background: whitesmoke !important;
    font-size: 14px !important;
}

.info1:hover:after{
    content: "1. Вывод результата в input <br> 2. Вывод результата в h2 'Итого'" !important;
}
.info2:hover:after{
    content: "Примеры работы с событиями" !important;
}