Line 11: |
Line 11: |
| justify-content: center; | | justify-content: center; |
| align-items: center; | | align-items: center; |
− | }
| |
− |
| |
− | .button-container {
| |
− | height: 100px;
| |
− | position: relative;
| |
− | /*border: 3px solid green;*/
| |
− | }
| |
− |
| |
− | .button-center {
| |
− | margin: 0;
| |
− | position: absolute;
| |
− | top: 50%;
| |
− | left: 50%;
| |
− | -ms-transform: translate(-50%, -50%);
| |
− | transform: translate(-50%, -50%);
| |
− | }
| |
− |
| |
− | .button {
| |
− | width: 300px;
| |
− | height: 30px;
| |
− | font-family: 'Roboto', sans-serif;
| |
− | font-size: 11px;
| |
− | letter-spacing: 2px;
| |
− | font-weight: 500;
| |
− | color: #000;
| |
− | background-color: #85EBFF;
| |
− | border: none;
| |
− | border-radius: 45px;
| |
− | box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
| |
− | transition: all 0.3s ease 0s;
| |
− | cursor: pointer;
| |
− | outline: none;
| |
− | padding-top: 15px;
| |
− | padding-left: 15px;
| |
− | text-transform: uppercase;
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | .button:hover {
| |
− | background-color: #fff;
| |
− | box-shadow: 0px 10px 15px rgba(40, 141, 161, 0.4);
| |
− | color: #fff;
| |
− | transform: translateY(-2px);
| |
| } | | } |
| | | |
Line 75: |
Line 32: |
| h3 { | | h3 { |
| padding-top:0; | | padding-top:0; |
| + | } |
| + | |
| + | |
| + | .clearfix::after { |
| + | content: ""; |
| + | clear: both; |
| + | display: table; |
| + | } |
| + | |
| + | .column { |
| + | float: right; |
| + | padding: 50px; |
| + | } |
| + | |
| + | .image { |
| + | float: left; |
| + | padding-right: 15px; |
| + | padding-bottom: 30px; |
| + | } |
| + | |
| + | .smallimage { |
| + | float: left; |
| + | padding-right: 15px; |
| + | padding-bottom: 10px; |
| } | | } |
| }} | | }} |