@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
}
body {
	background-image: url("../../Picture/5532862.jpg");
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	
}

.header .container {
	background: rgba(255, 255, 255, 0.5);
}


.header-text {
	text-align: center;
	padding-top: 3rem;
	padding-bottom: 3rem;
	font-size: 2.5rem;
}

.data .container {
	background: rgba(255, 255, 255, 0.5);
}

.data-storage a {
	font-size: 1.5rem;
	
}

.data .tem {
	text-align: center;
}

.datap .container {
	background: rgba(255, 255, 255, 0.5);
}

.data-pic .pic {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 5px;
	padding-bottom: 1.5rem;
	padding-top: 3rem;
}

.data-pic .pic img {
	width: 100%;
	text-align: center;
	align-content: center;
	border-radius: 8px;
}

.data-pic .pic img:hover{
	transform: scale(2.3);
	transition: all ease 0.5s;
}

.datap2 .container {
	background: rgba(255, 255, 255, 0.5);
}

.data-pic2 .pic2 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 5px;
	padding-bottom: 1.5rem;
	padding-top: 3rem;
}

.data-pic2 .pic2 img {
	width: 100%;
	text-align: center;
	align-content: center;
	border-radius: 8px;
}

.data-pic2 .pic2 img:hover{
	transform: scale(2.3);
	transition: all ease 0.5s;
}

.data3 .container{
	background: rgba(255, 255, 255, 0.5);
}

.data-text {
	text-align: center;
}

.data-text a {
	font-size: 1.5rem;
}

.data3 .contaianer {
	background: rgba(255, 255, 255, 0.5);
}

.data-text {
	text-align: center;
}

.code .container {
	background: rgba(255, 255, 255, 0.5);
}

.code .code-datatext {
	text-align: center;
	padding-top: 1.5rem;
}

.code-datatext a {
	font-size: 1.5rem;
}

.data-code {
	display: grid;
	text-align: center;
	padding-bottom: 3rem;
}

.data-code a {
	text-decoration: none;
	color: #000000;
	padding: 5px;
}

.data-code a:hover {
	background-color: #660000;
	border-radius: 8px;
	color: #FFFFFF;
}