Line 21: | Line 21: | ||
position: relative; | position: relative; | ||
width: 100%; | width: 100%; | ||
− | + | ||
} | } | ||
Line 31: | Line 31: | ||
.container .btn1 { | .container .btn1 { | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 65%; |
− | left: | + | left: 15%; |
transform: translate(-50%, -50%); | transform: translate(-50%, -50%); | ||
-ms-transform: translate(-50%, -50%); | -ms-transform: translate(-50%, -50%); | ||
Line 44: | Line 44: | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | .container . | + | .container .btn2 { |
position: absolute; | position: absolute; | ||
− | top: | + | top: 65%; |
left: 50%; | left: 50%; | ||
transform: translate(-50%, -50%); | transform: translate(-50%, -50%); | ||
Line 59: | Line 59: | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | .container . | + | .container .btn3 { |
position: absolute; | position: absolute; | ||
− | top: | + | top: 65%; |
− | left: | + | left: 85%; |
transform: translate(-50%, -50%); | transform: translate(-50%, -50%); | ||
-ms-transform: translate(-50%, -50%); | -ms-transform: translate(-50%, -50%); | ||
Line 74: | Line 74: | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | .container . | + | .container .btn4 { |
position: absolute; | position: absolute; | ||
− | top: | + | top: 94.25%; |
− | left: | + | left: 75%; |
transform: translate(-50%, -50%); | transform: translate(-50%, -50%); | ||
-ms-transform: translate(-50%, -50%); | -ms-transform: translate(-50%, -50%); | ||
Line 83: | Line 83: | ||
color: white; | color: white; | ||
font-size: 16px; | font-size: 16px; | ||
− | padding: | + | padding: 25px 300px; |
border: none; | border: none; | ||
cursor: pointer; | cursor: pointer; |
Revision as of 22:53, 18 October 2019