Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url('https://fonts.googleapis.com/css?family=Yantramanav:100');
- @import url('https://fonts.googleapis.com/css?family=Montserrat:400');
- html, body {
- margin: 0;
- padding: 0;
- height: 100%;
- width: 100%;
- }
- .intro {
- height: 100%;
- width: 100%;
- margin: auto;
- background: url(https://static.pexels.com/photos/307008/pexels-photo-307008.jpeg) no-repeat 50% 50%;
- display: table;
- top: 0;
- background-size: cover;
- }
- .intro .inner {
- display: table-cell;
- vertical-align: middle;
- width: 100%;
- max-width: none;
- }
- .content {
- max-width: 600px;
- margin: 0 auto;
- text-align: center;
- padding-bottom: 18%;
- }
- .content h1 {
- font-family: 'Yantramanav', sans-serif;
- font-size: 600%;
- font-weight: 100;
- color: black;
- line-height: 70%;
- }
- .btn {
- font-family: 'Montserrat', sans-serif;
- font-size: 135%;
- font-weight: 400%;
- color: black;
- text-transform: uppercase;
- text-decoration: none;
- border: solid black;
- padding: 8px 20px;
- border-radius: 9px;
- transition: all 0.5s;
- }
- .btn: {
- color: white;
- border: solid white 2px;
- }
- p {
- font-size: 130%;
- font-height: 100%;
- font-family: sans-serif;
- }
- @media screen and (max-width: 900px) {
- }
- @media screen and (max-width: 768px) {
- }
- @media screen and (max-width: 480px) {
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement