:root  {
--width:433px;
--height:249px;
--message_wrapper_height:200px;
}

body {
}

@font-face {
  font-family: Thanksgiving_day_2024_font;
  src: url(../fonts/OleoScript-Bold.ttf);

}

#Thanksgiving_day_image_2024  {
    display: block;
    background-image: url('../images/Home_page_100/fall_picture_thanksgiving_2024.png');
    background-repeat: no-repeat;
    width: 900px;
    height: 630px;
}


#Thanksgiving_day_2024_font  {
    font-family: 'Thanksgiving_day_2024_font';
    font-size: 48px;
    color:#7d6608;
    line-height: 125%;
    font-weight: 700;
   text-align: center;
padding-top:100px;
  }

#Thanksgiving_day_message  {
display: block;
background-image: url('../images/Home_page_100/Thanksgiving_day_2024_frame.jpg');
background-repeat: no-repeat;
width:900px;
height:1133px;
margin:25px 0 25px 0;

}

#Thanksgiving_2024_links_wrapper  {
width:900px;
height:var(--height);
position:relative;
}

/*-----------------------------------------*/
.wheelbarrow_container  {
width:var(--width);
height:var(--height);
position:absolute;
z-index:90;
}
/*-----------------------------------------*/
#wheel_barrow_placement_right {
width:var(--width);
height:var(--height);
margin-left:0;
margin-right:0;
position:absolute;
right:0;
}

.wheelbarrow_with_flowers_right {
display: block;
    background-image: url('../images/Home_page_100/wheelbarrow_with_flowers_right.png');
    background-repeat: no-repeat;
width:var(--width);
height:var(--height);
position: absolute;
    right: 0px;
transition: 1s ease-in-out;
}

.wheel_right {
 display: block;
    background-image: url('../images/Home_page_100/wheel_right.png');
    background-repeat: no-repeat;
    width: 87px;
    height: 87px;
 position:absolute;
left:15.4px;
top:148.7px;
}

.wheelbarrow_container:hover ~ .wheel_right {
 animation: rotate_right 3s linear infinite;
  
}

   @keyframes rotate_right {
				from {
					transform: rotate(359deg);
				}

				to {
					transform: rotate(0deg);
				}
			}


#wheel_support_right {
 display: block;
    background-image: url('../images/Home_page_100/wheel_support_right.png');
    background-repeat: no-repeat;
    width: 66px;
    height: 27px;
 position:absolute;
left:38px;
top:176.1px;
}

.larger_flowers_right  {
 display: block;
    background-image: url('../images/Home_page_100/larger_flowers_right.png');
    background-repeat: no-repeat;
   width:var(--width);
height:var(--height);
 position:absolute;
opacity:0;
transition:opacity 2s, scale 2s;
}

.wheelbarrow_container:hover ~ .larger_flowers_right {
opacity:1;
scale:1.2;
}

/*-----------------------------------------*/
#wheel_barrow_placement_left {
width:var(--width);
height:var(--height);
margin-left:0;
margin-right:0;
position:absolute;
left:0;
}

.wheelbarrow_with_flowers_left {
display: block;
    background-image: url('../images/Home_page_100/wheelbarrow_with_flowers_left.png');
    background-repeat: no-repeat;
width:var(--width);
height:var(--height);
position: absolute;
    left: 0px;
transition: 1s ease-in-out;
}

.wheel_left {
 display: block;
    background-image: url('../images/Home_page_100/wheel_left.png');
    background-repeat: no-repeat;
    width: 87px;
    height: 87px;
 position:absolute;
right:15.4px;
top:148.7px;
}

.wheelbarrow_container:hover ~ .wheel_left {
 animation: rotate_left 3s linear infinite;
  
}

   @keyframes rotate_left {
				from {
					transform: rotate(0deg);
				}

				to {
					transform: rotate(359deg);
				}
			}


#wheel_support_left {
 display: block;
    background-image: url('../images/Home_page_100/wheel_support_left.png');
    background-repeat: no-repeat;
    width: 66px;
    height: 27px;
 position:absolute;
right:38px;
top:176.1px;
}

.larger_flowers_left  {
 display: block;
    background-image: url('../images/Home_page_100/larger_flowers_left.png');
    background-repeat: no-repeat;
   width:var(--width);
height:var(--height);
 position:absolute;
opacity:0;
transition:opacity 2s, scale 2s;
}

.wheelbarrow_container:hover ~ .larger_flowers_left {
opacity:1;
scale:1.2;
}

/*-----------------------------------------*/

#Thanksgiving_day_2024_links_message_wrapper  {
width:800px;
height:225px;
position:relative;
margin:0 auto 0 auto;
font-family: 'Comic Sans MS';
font-size:28px;
font-weight:700;
color:#7d6608;
line-height:150%;
text-align:center;
}

/*-----------------------------------------*/
.message_box_left  {
width:370px;
border:10px solid #7d6608;
border-radius:35px;
box-sizing:border-box;
padding:15px;
position:absolute;
left:0;
}

.message_box_left:before, .message_box_left:after {
content:"";
position:absolute;
bottom:100%;
width:0;
height:0;
}

.message_box_left:before {
border:47px solid transparent;
border-bottom-color:#7d6608;
left:170px;
}

.message_box_left:after {
border:30px solid transparent;
border-bottom-color:white;
left:188px;
}


/*-----------------------------------------*/
.message_box_right  {
width:370px;
border:10px solid #7d6608;
border-radius:35px;
box-sizing:border-box;
padding:15px;
position:absolute;
right:0;
}

.message_box_right:before, .message_box_right:after {
content:"";
position:absolute;
bottom:100%;
width:0;
height:0;
}

.message_box_right:before {
border:47px solid transparent;
border-bottom-color:#7d6608;
right:170px;
}

.message_box_right:after {
border:30px solid transparent;
border-bottom-color:white;
right:188px;
}

/*-----------------------------------------*/


