body {

}

@font-face {
  font-family: Lucien;
  src: url('../fonts/Lucian Schoenschrift CAT.ttf');
}

:root {
      --border:  #c5923d;
    --background: #c4a606;
}

#Mothers_day_heart_2023  {
    display: block;
    background-image: url('../images/Home_page_92/Mothers_day_heart_2023.jpg');
    background-repeat: no-repeat;
    width: 900px;
    height: 863px; 
    margin-bottom: 25px;   
}

#Mothers_day_title_2023  {
    display: block;
    background-image: url('../images/Home_page_92/Mothers_day_title.jpg');
    background-repeat: no-repeat;
    width: 900px;
    height: 342px; 
    margin-bottom: 25px;   
}

#Mothers_day_2023_link_wrapper  {
    display: flex;
    width: 700px;
    height: 300px;
    position: relative;
    margin: 0 auto 25px auto;
}

/*---------------------------------------------------------------------------------------------*/

.single-link_wrapper_left  {
    width: 300px;
    height: 288px;
}

.single-link_wrapper_left  > .top_page_link_Mothers_day_2023--thankyou  {
 display: block;
    background-image: url('../images/Home_page_92/top_page_link_Mothers_day_2023--thankyou.png');
    background-repeat: repeat;
    width: 300px;
    height: 288px;
    position: absolute;
    left: 0;
    top: 0;
     backface-visibility: hidden;
    transform: perspective(6000px) rotateY(180deg) scale(1);
      transition: transform 2s linear 0s;  
      z-index: 90;
}



.single-link_wrapper_left  > .top_page_link_Mothers_day_2023 {
     display: block;
    background-image: url('../images/Home_page_92/top_page_link_Mothers_day_2023.png');
    background-repeat: repeat;
    width: 300px;
    height: 288px;
    position: absolute;
    left: 0;
    top: 0;
    backface-visibility: hidden;
    transform: perspective(6000px) rotateY(0deg) scale(1);
      transition: transform 2s linear 0s;
      z-index: 90;
}

.single-link_wrapper_left:hover  > .top_page_link_Mothers_day_2023 {
    transform: rotateY(180deg) scale(2);
    z-index: 100;
}

.single-link_wrapper_left:hover  > .top_page_link_Mothers_day_2023--thankyou {
    transform: rotateY(0deg) scale(2);
    z-index: 100;
}

/*--------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/

.single-link_wrapper_right  {
    width: 300px;
    height: 288px;
}

.single-link_wrapper_right  > .Mothers_day_2023--french_link--Merci  {
 display: block;
    background-image: url('../images/Home_page_92/Mothers_day_2023--french_link--Merci.png');
    background-repeat: repeat;
    width: 300px;
    height: 288px;
    position: absolute;
    right: 0;
    top: 0;
     backface-visibility: hidden;
    transform: perspective(6000px) rotateY(180deg) scale(1);
      transition: transform 2s linear 0s;  
      z-index: 90;
}



.single-link_wrapper_right  > .Mothers_day_2023--french_link {
     display: block;
    background-image: url('../images/Home_page_92/Mothers_day_2023--french_link.png');
    background-repeat: repeat;
    width: 300px;
    height: 288px;
    position: absolute;
    right: 0;
    top: 0;
    backface-visibility: hidden;
    transform: perspective(6000px) rotateY(0deg) scale(1);
      transition: transform 2s linear 0s;
      z-index: 90;
}

.single-link_wrapper_right:hover  > .Mothers_day_2023--french_link {
    transform: rotateY(180deg) scale(2);
    z-index: 100;
}

.single-link_wrapper_right:hover  > .Mothers_day_2023--french_link--Merci {
    transform: rotateY(0deg) scale(2);
    z-index: 100;
}

/*--------------------------------------------------------------------------------*/


#golden_frame_with_roses  {
    display: block;
    background-image: url('../images/Home_page_92/frame_with_roses.png');
    background-repeat: no-repeat;
    width: 900px;
    height: 2250px;
    position: relative;
    margin-bottom: 25px;
}

#Mothers_day_2023_font  {
  position: absolute;
  top: 125px;
  left: 0;
  right: 0;
text-align: center;
font-family: 'Lucien';
font-size: 60px;
font-weight: 500;
color: #c4a606;
}

.Mothers_day_2023_message_wrapper {
   display: flex;
    justify-content:center;
    position: relative;
}

 .message_box_Mothers_day_2023  {
  
             display: flex;
            justify-content:center;
            position: relative;
             box-sizing: border-box;
  color: var(--border);
  width: 350px;
  margin: 10px 25px 10px 25px;
  text-align: center;
  line-height: 150%;
  font-size: 30px;
  font-weight: 700;
  border: 10px solid var(--border);
  border-radius: 50px;
  padding: 15px;
}
        .message_box_Mothers_day_2023:before {
           
            content: "";
            position: absolute;
            bottom: 100%;
            width: 0;
            height: 0;
            border: 50px solid transparent;
            border-bottom-color: var(--border);
        }
        
          .message_box_Mothers_day_2023:after {
             content: "";
            position: absolute;
            bottom: 100%;
            width: 0;
            height: 0;
            border: 35px solid transparent;
            border-bottom-color: white;
          
        }

.Mothers_day_2023_former_links_wrapper  {
    display: flex; 
    position: relative;
    justify-content:space-evenly;
    flex-wrap:wrap;
    width: 725px;
    margin: 75px auto 15px auto;
    border: 10px solid var(--border);
    border-radius: 75px;
    padding-top: 75px;
}

.button_Mothers_day_2023 {
    width: 200px;
    height: 50px;
    margin: 25px;
    background-color: var(--background);
    border-radius: 50px;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    line-height: 50px;
    color: white;
    transition-duration: 0.5s;
    text-decoration: none;
}
    
    .button_Mothers_day_2023:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.title_wrapper_Mothers_day_2023  {
    position: absolute;
    top: -75px;
    width: 500px;
    height: 125px;
    background-color: white;
    font-size: 32px;
    padding: 15px;
    text-align: center;
    color: var(--border);
    font-weight: 700;
}