介绍

这个网站是一个静态页面,没有相关页面。它采用了一些CSS样式来设计布局和颜色方案。在页面中,有一个.left-section元素,它具有绝对定位,并将其上边界的垂直位置转换为50%,实现了垂直居中的效果。另外,所有HTML和BODY元素都设置了边距和内边距为0,以保持页面的整洁。

整个页面的背景色使用了渐变效果,从深蓝色(#0c0e10)到浅蓝色(#446182)。同时,还有一个名为.ground的元素作为底部背景,它的高度设置为了视窗高度的25%。

对于小于770像素宽度的设备,该页面的布局会进行调整,以适应较小的屏幕。这部分代码位于@media规则中,用于媒体查询。

以下是这段代码的Markdown格式:

.left-section .inner-content { position: absolute; top: 50%; transform: translateY(-50%); }
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: 'Fira Sans', sans-serif; color: #f5f6fa; }
.background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(#0c0e10, #446182); }
.background .ground { position: absolute; bottom: 0; width: 100%; height: 25vh; background: #0c0e10; }
@media (max-width: 770px) { .background }