Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url(https://fonts.googleapis.com/css?family=opensans:500);
- body{
- background: #F9F9F9;
- color:#929292;
- font-family: 'Open Sans', sans-serif;
- max-height:700px;
- overflow: hidden;
- }
- .c{
- text-align: center;
- display: block;
- position: relative;
- width:80%;
- margin:100px auto;
- }
- ._404{
- font-size: 220px;
- position: relative;
- display: inline-block;
- z-index: 2;
- height: 250px;
- letter-spacing: 15px;
- }
- ._1{
- text-align:center;
- display:block;
- position:relative;
- letter-spacing: 12px;
- font-size: 4em;
- line-height: 80%;
- }
- .text{
- font-size: 70px;
- text-align: center;
- position: relative;
- display: inline-block;
- margin: 19px 0px 0px 0px;
- /* top: 256.301px; */
- z-index: 3;
- width: 100%;
- line-height: 1.2em;
- display: inline-block;
- }
- .btn{
- background-color: rgb( 255, 255, 255 );
- position: relative;
- display: inline-block;
- width: 358px;
- padding: 5px;
- z-index: 5;
- font-size: 25px;
- margin:0 auto;
- color:#33cc99;
- text-decoration: none;
- margin-right: 10px
- }
- .right{
- float:right;
- width:60%;
- }
- <div class='c'>
- <div class='_404'>404</div>
- <div class='_1'>Oops, something went wrong</div>
- <a class='btn' href='#'>BACK TO MARS</a>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement