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; }
.headerMenus 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; }
.headerMenus li:hover {
background-color: rgba(0, 0, 0, 0.1); }
.headerMenus li 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; }
/*# sourceMappingURL=style.css.map */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment