/*-----------------------------------*\
  #CUSTOM PROPERTY
\*-----------------------------------*/

:root {
	/**
   * colors
   */
	--violet-blue-crayola: hsla(234, 50%, 64%, 1);
	--dark-cornflower-blue_a7: hsla(214, 88%, 27%, 0.07);
	--white: hsla(0, 0%, 100%, 1);
	--white_a3: hsla(0, 0%, 100%, 0.03);
	--white_a8: hsla(0, 0%, 100%, 0.08);
	--white_a12: hsla(0, 0%, 100%, 0.12);
	--white_a70: hsla(0, 0%, 100%, 0.7);
	--cultured: hsla(220, 20%, 97%, 1);
	--lavender-web: hsla(233, 52%, 94%, 1);
	--cadet-blue-crayola: hsla(220, 12%, 70%, 1);
	--cadet-blue-crayola_a20: hsla(222, 23%, 71%, 0.2);
	--charcoal: hsla(218, 22%, 26%, 1);
	--raisin-black: hsla(216, 14%, 14%, 1);
	--light-gray: hsla(0, 0%, 79%, 1);
	--blue-crayola: hsla(219, 72%, 56%, 1);
	--black-coral: hsla(220, 12%, 43%, 1);
	/*
   * typography
   */
	--ff-manrope: 'Manrope', sans-serif;
	--fs-1: calc(2.7rem + 1.38vw);
	--fs-2: calc(2.6rem + 0.66vw);
	--fs-3: 2.2rem;
	--fs-4: 1.9rem;
	--fs-5: 1.8rem;
	--fs-6: 1.7rem;
	--fs-7: 1.5rem;
	--fs-8: 1.4rem;
	--fw-700: 700;
	/** 
   * spacing
   */
	--section-padding: 60px;
	/**
   * box shadow
   */
	--shadow-1: 0 0 20px hsla(216, 14%, 14%, 0.05);
	--shadow-2: 0 0 0 0.05rem hsla(214, 88%, 27%, 0.08),
		0 0 1.25rem hsla(216, 14%, 14%, 0.06);
	--shadow-3: 0 0 1.25rem hsla(216, 14%, 14%, 0.04);
	/**
   * border radius
   */
	--radius-circle: 50%;
	--radius-pill: 100px;
	--radius-10: 10px;
	--radius-8: 8px;
	--radius-6: 6px;
	/**
   * transition
   */
	--transition-1: 0.25s ease;
	--transition-2: 0.5s ease;
	--transition-3: 0.3s ease-in-out;
}

/*-----------------------------------*\
  #Blocks PROPERTY
\*-----------------------------------*/

.container-info {
	margin-left: 100px;
	display: flex;
	flex-direction: row;
}

.block_information {
	display: flex;
	flex-direction: column;
	align-items: top;
	height: 990px;
	width: 1100px;
	visibility: inherit;
	padding-left: 20px;
	overflow: hidden;
}

.qr {
	display: flex;
	
	flex-direction: row;
	height: 250px;
	width: 250px;
	margin-left: 40px;
	padding-left: 40px;
}

.qr p {
	padding-left: 50px;
	font-size: 20px;
	font-family: var(--violet-blue-crayola);
}

.qr img {
	display: block;
	height: 250px;
	width: 270px;
	padding-left: 20px;
	padding: 40px;
	box-shadow: var(--shadow-2);
	border-radius: var(--radius-6);
	margin-left: -50px;
	margin-right: 80px;
}

.info {
	display: flex;
	flex-direction: row;
	height: 250px;
	width: 250px;
	margin-left: 40px;
	padding-left: 40px;
	margin-bottom: 60px;
}

.info img {
	display: block;
	height: 250px;
	width: 370px;
	padding-left: 20px;
	padding: 40px;
	box-shadow: var(--shadow-2);
	border-radius: var(--radius-6);
	margin-left: -50px;
	margin-right: 80px;
}

.info p {
	padding-left: 50px;
	font-size: 20px;
	font-family: var(--violet-blue-crayola);
}

.contacts_block {
	display: block;
	height: 160px;
	width: 600px;
	padding: 20px;
	box-shadow: var(--shadow-2);
	border-radius: var(--radius-6);
	margin-top: 100px;
	margin-left: 30px;
}

.adress {
	display: block;
	height: 500px;
	width: 600px;
	padding: 20px;
	box-shadow: var(--shadow-2);
	border-radius: var(--radius-6);
	margin-top: 30px;
	margin-left: 30px;
	z-index: 100;
}

/*-----------------------------------*\
  #left block
\*-----------------------------------*/

.written_info {
	display: flex;
	flex-direction: column;
	padding-top: 100px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 4px;
	padding-bottom: 100px;
	margin-bottom: 100px;
}

.written_info p {
	display: block;
	height: auto;
	width: auto;
	padding-left: 20px;
	padding-right: 20px;
	box-shadow: var(--shadow-2);
	border-radius: var(--radius-6);
	align-items: center;
	justify-content: space-between;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-top: -30px;
	margin-bottom: 100px;
}

/*-----------------------------------*\
  #left block p
\*-----------------------------------*/

.written_info .main_qr {
	margin-top: 158px;
}

.written_info .main_cantact {
	margin-top: 120px;
}

.written_info .main_adress {
	display: block;
	padding: auto;
	margin-top: 20px;
	margin-bottom: 100px;
}

.written_info .main_info {
	margin-top: -30px;
}