My farst commit
This commit is contained in:
64
src/components/DeliveryOptions.css
Normal file
64
src/components/DeliveryOptions.css
Normal file
@@ -0,0 +1,64 @@
|
||||
/* Delivery Options Styles */
|
||||
.delivery-options {
|
||||
padding: 40px 0;
|
||||
background-color: #E2935D;
|
||||
}
|
||||
|
||||
.delivery-options .container {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.delivery-options .delivery-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.delivery-options .delivery-content img {
|
||||
margin-right: 98px;
|
||||
}
|
||||
|
||||
.delivery-options .delivery-content .text-content {
|
||||
text-align: left;
|
||||
position: relative;
|
||||
top: -50px;
|
||||
}
|
||||
|
||||
.delivery-options .delivery-content h2 {
|
||||
margin-bottom: 10px;
|
||||
color: white;
|
||||
font-family: 'Staatliches';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-size: 60px;
|
||||
line-height: 120%;
|
||||
/* identical to box height, or 91px */
|
||||
|
||||
color: #FEFAF4;
|
||||
|
||||
}
|
||||
|
||||
.delivery-options .delivery-content p {
|
||||
color: #FDE4CC;
|
||||
margin-bottom: 20px;
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 17px;
|
||||
line-height: 200%;
|
||||
}
|
||||
|
||||
.delivery-options .delivery-content button {
|
||||
background-color: #67816B;
|
||||
padding: 12px 24px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
border-radius: 68px;
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-size: 18px;
|
||||
line-height: 120%;
|
||||
text-align: center;
|
||||
color: #FDECD8;
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user