Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- #content #title {
- font-size: 50px;
- }
- #contentpane {
- position: relative;
- font-weight: 400;
- font-size: 26px;
- font-style: normal;
- display: table;
- margin: 0 auto;
- text-align: center;
- margin-top: 5%;
- }
- #contentimage {
- width: 55%;
- float: left;
- margin: 0 auto;
- position: relative;
- }
- #contentimage img {
- width: 100%;
- float: middle;
- margin: 0 auto;
- position: relative;
- }
- #contentpane {
- display: inline-block;
- position: relative;
- margin-left: auto;
- margin-right: auto;
- width: 100%;
- }
- .text1, .text2 , .text3 {
- color: white;
- float: left;
- margin-top: 1%;
- font-family: 'Work Sans', sans-serif;
- font-size: 1.3vmax;
- position: relative;
- width: 35%;
- }
- .text3 {
- margin-top: 5%;
- width: 100%;
- font-size: 2.7vmax;
- margin-bottom: 5%;
- }
- .text1 { font-weight: 200; }
- .text2 { font-weight: 200; }
- .text3 { font-weight: 200; }
- .verticalline {
- margin: 0 4%;
- height: 29vmax;
- float: left;
- border-left: 2px solid white;
- }
- #contentpane p {
- margin-bottom: 4%;
- }
- .btn {
- font-family: sans-serif;
- display: inline-block;
- background: #e2e2e2;
- border: 0;
- line-height: 2.5em;
- outline: none;
- text-decoration: none;
- color: #666;
- padding-right: 1%;
- }
- .btn .arrow {
- display: inline-block;
- line-height: 2.5em;
- text-align: center;
- background: #333;
- color: white;
- font-size: 1em;
- width: 2.5em;
- -webkit-transition: margin 200ms;
- transition: margin 200ms;
- }
- .btn:hover {
- background: white;
- }
- .btn:hover .arrow {
- margin-right: 1.25em;
- background-color: #262626;
- }
- .btn:active {
- background: #ccc;
- }
- .btn:active .arrow {
- margin-right: 1.5em;
- }
- .btn .arrow {
- background-color: indianred;
- }
- .btn:hover .arrow {
- background-color: #c14e4e;
- }
- .center {
- text-align: center;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement