46 lines
800 B
SCSS
46 lines
800 B
SCSS
@function px2rem($px) {
|
|
@return $px / 75+rem;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
width: 100%;
|
|
// background: radial-gradient(circle, #32140C 0%, #05040A 100%);
|
|
background: #63063E;
|
|
}
|
|
|
|
.back {
|
|
position: fixed;
|
|
top: px2rem(70);
|
|
left: px2rem(34);
|
|
z-index: 99;
|
|
width: px2rem(62);
|
|
height: px2rem(62);
|
|
|
|
img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
p {
|
|
color: #fff;
|
|
font-size: px2rem(32);
|
|
position: absolute;
|
|
width: 9rem;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
text-align: center;
|
|
line-height: px2rem(62);
|
|
}
|
|
}
|
|
|
|
.header{
|
|
width: px2rem(750);
|
|
height: px2rem(990);
|
|
position: fixed;
|
|
margin: 0 auto 0;
|
|
background: url(../images/header.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|