Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- html, body, #hero-image {
- width: 100%;
- height: 100%;
- margin: 0;
- padding: 0;
- }
- #hero-image {
- background: rgba(255, 46, 68, 1) url("img/hero-bg.png") center center;
- background-size: cover;
- background-attachment: fixed;
- }
- #hero-content {
- position: fixed;
- top: 50%;
- left: 50%;
- width: 100%;
- transform: translateX(-50%) translateY(-50%);
- }
- #hero-computers {
- position: fixed;
- top: 50%;
- left: 50%;
- transform: translateX(-50%) translateY(-50%);
- width: 600px;
- height: auto;
- opacity: 0.7;
- z-index: -1;
- }
- @font-face {
- font-family: "Arimo-BoldItalic";
- src: url("fonts/Arimo-BoldItalic.ttf");
- }
- #hero-title {
- font-weight: bolder;
- font-size: 70px;
- color: white;
- font-family: "Arimo-BoldItalic";
- text-align: center;
- z-index: 1;
- }
- #scroll-down {
- position: fixed;
- width: 100%;
- height: 64px;
- margin-top: -64px;
- bottom: 5px;
- }
- #scroll-arrow {
- position: absolute;
- background: url("img/down-arrow.png") center no-repeat;
- width: 64px;
- height: 64px;
- left: 50%;
- margin-left: -32px;
- }
- #features {
- position: relative;
- height: 100%;
- background-color: #eeeeee;
- z-index: 100;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement