| 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; |
| | } | | } |
| | }} | | }} |