Микропроцессорные средства и системы / 4 Вариант / 1_ / 1 лабс АФ / css_for_pc

html,body{
	width:100%;
	height: 100%;
	overflow: hidden;
	
	}
.text{
	position:absolute;
	top:30%;
	left:50%;
	transform: translate(-50%,-50%);
	font-size:25px;
}
.main{
	display: flex;
	justify-content: center;
	height: 100%;
	align-items:center;
}
.link{
    font-size:20px;
    color:red;
	text-decoration: none;
	width:250px;
	height: 250px;
	margin-right:10px;
	text-align: center;
}
.link:last-child{
	margin-right: 0;
}
.link_mac{
	background-image: url(images/mac.svg);
	background-size: 50% 50%;
	background-repeat: no-repeat;
	background-position: center;
	
}
.link_windows{
	background-image: url(images/windows-logo-silhouette.svg);
	background-size: 50% 50%;
	background-repeat: no-repeat;
	background-position: center;
	
}
.link_linux{
	background-image: url(images/linux-computer.svg);
	background-size: 50% 50%;
	background-repeat: no-repeat;
	background-position: center;
}
.about{
	display:flex;
position: absolute;
top:80%;
left:50%;
transform: translate(-50%,-50%);
}
.about_mac{
	opacity: 0;
	transition-duration: 0.5s;
	width:250px;
	height:250px;
	margin-right:10px;
	display: flex;
	justify-content: center;
	font-size:20px;
}
.about_windows{
	
	opacity: 0;
	transition-duration: 0.5s;
	width:250px;
	height:250px;
	margin-right:10px;
	display: flex;
	justify-content: center;
	font-size:20px;
}
.about_linux{
	opacity: 0;
	transition-duration: 0.5s;
	width:250px;
	height:250px;
	margin-right:10px;
	display: flex;
	justify-content: center;
	font-size:20px;
}
.about_mac_active{
	opacity: 1;
	transition-duration: 0.5s;
width:200px;
	height:250px;
	margin-right:10px;
	display: flex;
	justify-content: center;
	font-size:20px;
}
.about_windows_active{
opacity: 1;
	transition-duration: 0.5s;
width:200px;
	height:250px;
	margin-right:10px;
	display: flex;
	justify-content: center;
	font-size:20px;
}
.about_linux_active{
	opacity: 1;
	transition-duration: 0.5s;
width:200px;
	height:250px;
	display: flex;
	justify-content: center;
	font-size:20px;
}