:root{
	--base-font-family:  'Teko', sans-serif;
	--base-font-weight-light: 400;
	--base-font-weight-normal: 600;

	--base-cbtn-border: 2.5px solid;
	--base-btn-border: 2px solid;;
	--base-closebtn-border: 1px solid;
	--base-btn-border-radius: 5px;
	--base-btn-line-height: 1;
	--base-btn-padding: 15px 0;

	--base-color-yel: rgb(255, 187, 2);
	--base-color-cya: rgb(52, 204, 252);
	--base-color-blk: rgb(0, 0, 0);
	--base-color-wh: rgb(255, 255, 255);
	--base-color-gr: rgb(96, 92, 92);
	--base-color-lgr: rgb(192, 192, 192);
	--base-color-red: rgb(232, 52, 4);

	--base-hr-color: var(--base-color-blk);
	--base-hr-height: 0;

	--base-transition-time-r: all 5s;
	--base-transition-time-s: all 2s;
}

.wrap_body{
	transition: var(--base-transition-time-r);
}