Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
body {
margin: 0;
padding: 0;
background-color: #333;
overflow: hidden;
}
.header {
width: 100%;
height: 70px;
z-index: 10;
}
.logo {
float: left;
}
.headerMenus {
float: right;
margin: 0;
& li {
float: left;
width: 10vw;
height: 10vh;
font-size: 3vmin;
text-align: center;
line-height: 10vh;
list-style-type: none;
transition: all ease 0.2s;
&:hover {
background-color: rgba(0,0,0,0.1);
}
& a {
color: #fff;
text-decoration: none;
}
}
}
.titleContainer {
margin-top: 20vh;
width: 100%;
height: 30vh;
text-align: center;
}
.title {
margin: 0;
width: 100%;
font-size: 10vmin;
color: #fff;
line-height: 70px;
}
.subtitle {
width: 100%;
font-size: 5vmin;
color: #fff;
}
.img {
position: absolute;
top: 0;
left: 0;
width: 120%;
opacity: .4;
overflow: hidden;
z-index: -1;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment