Skip to content

Instantly share code, notes, and snippets.

@glaucia86
Created March 8, 2017 19:26
Show Gist options
  • Save glaucia86/a08cf62f49dd736e0e411b9bb106857a to your computer and use it in GitHub Desktop.
Save glaucia86/a08cf62f49dd736e0e411b9bb106857a to your computer and use it in GitHub Desktop.
@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
body {
margin: 0;
background: #000;
overflow: hidden;
}
.intro {
position: absolute;
top: 40%;
left: 20%;
z-index: 1;
}
.intro_texto {
font-family: "News Cycle", sans-serif;
color: #00BFFF;
font-weight: 400;
letter-spacing: .1em;
}
.historia {
position: absolute;
top: 80%;
}
.historia_texto {
font-family: "News Cycle", sans-serif;
font-weight: 700;
color: #FFD700;
text-align: justify;
letter-spacing: .1em;
line-height: 1.1em;
}
.paragrafos {
position: absolute;
left: 15%;
width: 70%;
z-index: 1;
transform-origin: 50%;
transform: perspective(300px) rotateX(20deg);
}
.botao {
color: white;
display: inline-block;
margin: 10px;
padding: 5px;
border: 3px solid;
border-radius: 5px;
cursor: pointer;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment