Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .wrapper-404 {
- position: absolute;
- left: 50%;
- top: 50%;
- transform: translate(-50%, -50%);
- text-align: center;
- margin-left: 200px;
- z-index: 99999
- }
- .wrapper-404 h1 {
- font-size: 120px;
- display: inline-block;
- position: relative;
- background: transparent;
- transition: all 500ms ease;
- }
- .wrapper-404 h1:before {
- content: "";
- width: 5px;
- height: 150px;
- background: #c09952;
- display: block;
- position: absolute;
- top: 0%;
- transform: translate(0px, 0%) rotate(20deg);
- }
- .wrapper-404 h1:before{
- left: 50%;
- }
- .wrapper-404 p {
- font-size: 30px;
- text-transform: uppercase;
- }
- .suggest-page p {
- font-size: 18px
- }
- .button-page a {
- display: inline-block;
- text-transform: uppercase;
- color: #C09952;
- font-weight: 600;
- font-size: 15px;
- position: relative;
- -webkit-clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
- clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
- padding: 5px 25px;
- transition: all 300ms;
- }
- .button-page a:before, .button-page a:after {
- content: '';
- position: absolute;
- top: 0;
- height: 100%;
- border-left: 1px solid #C09952;
- -webkit-transform: rotate(24deg);
- transform: rotate(24deg);
- }
- .button-page a:before {
- left: 7px;
- }
- .button-page a:after {
- right: 7px;
- }
- .button-page a:hover {
- background-color: #C09952;
- color: #FFF;
- text-decoration: none;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement