/* Navigation*/
.nav-items{
  background-color: rgb(255, 255, 255);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width:393px;
  position: relative;
  outline: 1px solid black;
}
.logo{
color: var(--Foundation-Red-Normal, #C20000);
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #000;
font-family: "Eagle Lake";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 19.2px */ 
} 

                      /* Section1 */


.header-1{
align-self: stretch;
color: #FFF;
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;
/* Header/48 O */
font-family: "Oswald";
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 72px */
position: absolute;
top: 250px;
left: 196.5px;
transform: translate(-50%, -50%);
display: flex;
width: 377px;
flex-direction: column;
justify-content: flex-end;
align-items: center;
gap: 16px;
}

.community-message{

width: 377px;
color: #FFF;
position:absolute;
top: 300px;
left: px;
text-align: center;
/* Paragraph P/16 */
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
display: flex;
width: 377px;
flex-direction: column;
justify-content: flex-end;
align-items: center;
gap: 16px;
}

                          /* Section2 */
.header-2{

position:absolute;
top: 600px;
left: px;
color: #FFF;
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;
/* Header/48 O */
font-family: Oswald;
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 72px */
display: flex;
width: 377px;
flex-direction: column;
align-items: center;
gap: 100px;
}


.community-message-2{
display: flex;
width: 377px;
flex-direction: column;
align-items: center;
gap: 40px;
color: #FFF;
text-align: center;
/* Paragraph P/16 */
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
position:absolute;
top:680px;
left:px;
}

.shop-today-button-1{
/*layout */
display: flex;
width: 120px;
flex-direction: column;
align-items: center;
padding:8px;
gap: 16px;

/*style */
border-radius: 16px;
background: var(--Foundation-Red-Normal, #C20000);
/*typography */
color: #FFF;
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;
/* Button P/16 */
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 125% */
flex: 1 0 0;
position: absolute;
top:760px;
left:136px;
}



                      /* Section3 */

.header-3{
height: 81px;
align-self: stretch;
color: #FFF;
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;
/* Header/48 O */
font-family: Oswald;
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 72px */
display: flex;
width: 377px;
flex-direction: column;
align-items: center;
gap: 16px;
background: rgba(55, 55, 55, 0.18);
position: absolute;
top:1000px;

}
.community-message-3{
align-self: stretch;
color: #FFF;
text-align: center;
/* Paragraph P/16 */
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
display: flex;
width: 380px;
flex-direction: column;
align-items: center;
gap: 16px;
background: rgba(55, 55, 55, 0.18);
position:absolute;
top:1080px;
}
.shop-today-button-2{
/*layout */
display: flex;
width: 120px;
flex-direction: column;
align-items: center;
padding:8px;
gap: 16px;
/*Style */
background: rgba(55, 55, 55, 0.18);
border-radius: 16px;
background: var(--Foundation-Red-Normal, #C20000);
/*Typography*/
color: #FFF;
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;
/* Button P/16 */
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 125% */
position: absolute;
top:1160px;
left:136px;



                        /* Section4 */
}
.header-4{
height: 81px;
align-self: stretch;
color: #FFF;
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;
/* Header/48 O */
font-family: Oswald;
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 72px */
display: flex;
width: 377px;
flex-direction: column;
align-items: center;
gap: 16px;
background: rgba(55, 55, 55, 0.18);
position: absolute;
top:1552px;
}
.community-message-4{
align-self: stretch;
color: #FFF;
text-align: center;
/* Paragraph P/16 */
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
display: flex;
width: 380px;
flex-direction: column;
align-items: center;
gap: 16px;
background: rgba(55, 55, 55, 0.18);
position:absolute;
top:1632px;
}

.shop-today-button-3{
/*layout */
display: flex;
width: 120px;
flex-direction: column;
align-items: center;
padding:8px;
gap: 16px;
/*Style */
background: rgba(55, 55, 55, 0.18);
border-radius: 16px;
background: var(--Foundation-Red-Normal, #C20000);
/*Typography*/
color: #FFF;
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;
/* Button P/16 */
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 125% */
position: absolute;
top: 1712px;
left:136px;
}

.header-5{
height: 81px;
align-self: stretch;
color: #FFF;
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;
/* Header/48 O */
font-family: Oswald;
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 72px */
display: flex;
width: 377px;
flex-direction: column;
align-items: center;
gap: 16px;
background: rgba(55, 55, 55, 0.18);
position: absolute;
top:1952px;
}
.community-message-5{
align-self: stretch;
color: #FFF;
text-align: center;
/* Paragraph P/16 */
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
display: flex;
width: 380px;
flex-direction: column;
align-items: center;
gap: 16px;
background: rgba(55, 55, 55, 0.18);
position:absolute;
top:2032px;
}
.final-shop{
/*layout */
display: flex;
width: 120px;
flex-direction: column;
align-items: center;
padding:8px;
gap: 16px;
/*Style */
background: rgba(55, 55, 55, 0.18);
border-radius: 16px;
background: var(--Foundation-Red-Normal, #C20000);
/*Typography*/
color: #FFF;
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;
/* Button P/16 */
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 125% */
position: absolute;
top: 2112px;
left:136px;
}
.two-board-images {
  display: flex;  
  justify-content: left;
  align-items: center;  
  gap: 8x; 
}
.global-shipping-frame{
display: inline-flex;
height: 337px;
padding: 16px 0px;
align-items: center;
gap: 10px;
flex-shrink: 0;
border-bottom: 8px solid #FFF;
background: var(--Foundation-Basic-Black-Normal, #201D1D);
width: 393px;
}

.global-shipping-icon{
display: flex;
width: 148px;
flex-direction: column;
align-items: center;
gap: 8px;
color: #FFF;
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;
/* Button O/20 */
font-family: Oswald;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 100% */
position:absolute;
left:136px;
}

.footer-frame{
width: 393px;
height: 869px;
flex-shrink: 0;
background: var(--Foundation-Basic-Black-Normal, #201D1D);
}

#Shop{
height: 24px;
flex-shrink: 0;
align-self: stretch;
color: #FFF;
font-feature-settings: 'liga' off, 'clig' off;
/* Labels O/16 */
font-family: Oswald;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 48px; /* 125% */
padding: 8px 8px;
}
#Shop-subtext{
color: #FFF;

/* Paragraph P/11 */
font-family: Poppins;
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 16.5px */
padding-left:8px;

}
.email-button{
border-radius: 8px;
background: var(--Foundation-Grey-Light, #FFFEFE);
display: flex;
width: 393px;
height: 48px;
padding: 16px 8px;
align-items: center;
gap: 10px;
flex-shrink: 0;
color: #000;
font-feature-settings: 'liga' off, 'clig' off;
/* Label P/16 */
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 125% */
}
.final-sign-up-button{
border-radius: 16px;
background: var(--Foundation-Red-Normal, #C20000);
display: flex;
width: 148px;
padding: 8px 8px;
align-items: flex-start;
gap: 10px;
color: #FFF;
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;
gap: 8px;

/* Button P/16 */
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 125% */

}
#last-words{
  padding: 16px 8px;
  color: #FFF;

/* Paragraph P/11 */
font-family: Poppins;
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 16.5px */
}