.wrap_sts_2{
	position: relative;
	display: grid;
	gap: 0px;

	font-family: var(--base-font-family);
	font-weight: var(--base-font-weight-normal);
}
.wrap_sts_2 *{
	transition: var(--base-transition-time-r);
}

.wrap_sts_2_pc{
	grid-template-columns: repeat(2, 1fr);
	height: 97.5vh;
}

.warp_sts_2_mob{
	grid-template-rows: auto;
}

.common_pos_mob{
	height: 99.9vh;
}

.common_btn{
	position: relative;
	border: var(--base-btn-border);
	border-radius: var(--base-btn-border-radius);
	line-height: var(--base-btn-line-height);
	padding: var(--base-btn-padding);
	display: block;
	font-size: var(--base-btn-font-size);
	text-decoration: none;
	width: var(--base-btn-width);
	min-width: var(--base-btn-minwidth);
	text-align: center;
}

.common_pos{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.about{
	background-color: var(--base-color-yel);
}
.btn_about:hover{
	background-color: var(--base-color-blk);
	color: var(--base-color-wh);
	cursor: pointer;
}

.github{
	background-color: var(--base-color-wh);
}
.btn_github:hover{
	background-color: var(--base-color-gr);
	color: var(--base-color-wh);
	cursor: pointer;
}

.tube{
	background-color: var(--base-color-gr);
}
.btn_tube:hover{
	color: var(--base-color-bk);
	cursor: pointer;
}
.btn_tube:hover span{
	color: var(--base-color-red);
}

.btn_tube_y{
	color: var(--base-color-white);
}

.contact{
	background-color: var(--base-color-cya);
}
.btn_contact:hover{
	background-color: var(--base-color-blk);
	cursor: pointer;
}
.btn_contact:hover + .contact{
	background-color: var(--base-color-blk);
}

.btn_white{
	border-color: var(--base-color-wh);
	color: var(--base-color-wh);
}

.btn_black a{
	border-color: var(--base-color-blk);
	color: var(--base-color-blk);
}