/* CSS Document */

body{
font-family: "Oldenburg", serif;
font-size: 15px;
background-color: #000033;
font-weight: 400;
font-style: normal;
line-height: 1.3;
}
.sidebar {
position: fixed; /* 确保外层容器固定在页面左侧 */
text-align: right;
width: 290px;
color: wheat;
margin-top: -20px;
}
#指gallery的左边导航
p{color: wheat;}
.gallery{
	margin-left: 330px;
	margin-top: 70px;
    display: grid; /* 使用网格布局 */
    grid-template-columns: repeat(3, 1fr); /* 创建3列，每列等宽 */
    gap: 15px; /* 网格项之间的间距 */
    width: 55%; /* 画廊的宽度，可以根据需要调整 */
}
.gallery a {
    display: block;
    overflow: hidden; /* 隐藏溢出部分 */
    width: 100%; /* 容器的宽度为100% */
    padding-top: 75%; /* 高度与宽度一致，形成正方形 */
    position: relative; /* 让子元素绝对定位 */
    border-radius: 0px; /* 可选：设置圆角 */
}
.gallery img {
position: absolute;
top: 0;
left: 0;
width: 100%; /* 图片填满容器 */
height: 100%; /* 保持图片比例 */
object-fit: cover;
}
ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
	margin-left: 5%;
	}
a{text-decoration: none;
	color:#939C99;
}
.contents{
color: wheat;
margin-left: 330px;
width: 55%;
text-align: right;}