body {
}

#browser_page {
    font-family: Comic Sans Ms;
    font-size: 30px;
    text-align: center;
    line-height: 150%;
    color: #f00;
    padding: 15px;
    border-style: solid;
    border-width: 5px;
    border-color:#f00;
    margin-top: 25px;
    margin-bottom: 35px;
    border-radius: 50px;  
}

#basket_of_roses_2018  {
    display: block;
    background-image: url('../images/Home_page_59/basket_of_roses_2018.jpg');
    width: 900px;
    height: 778px;
    margin-top: 25px;
}

#rose_frame  {
    display: block;
    background-image: url('../images/Home_page_59/rose_frame.jpg');
    width: 900px;
    height: 1118px;
    position: relative;
    margin-top: 25px;
}

#Mothers_day_2018_font  {
    font-family: 'Comic Sans MS';
    color: #4800ff;
    font-size: 40px;
    text-align: center;
    position: absolute;
    top: 75px;
    left: 200px;
    right: 200px;
    font-weight: 700;
    line-height: 200%;
}

#purple_signature  {
     display: block;
    background-image: url('../images/Home_page_59/purple_signature.png');
    width: 900px;
    height: 141px;
    position:absolute;
    bottom: 325px;
}

#red_roses_border  {
    display: block;
    background-image: url('../images/Home_page_59/red_roses_border.jpg');
    width: 900px;
    height: 441px;
    position: relative;
}

#heart_wrapper {
   width: 525px;
    height: 246px;
    position: relative;
    top: 35px;
    margin: 0 auto;
}



.flip-3d  {
    width: 250px;
    height: 246px;
}



.flip-3d > .front-left {
    position:absolute;
    transform: perspective(600px) rotateY(0deg);
    width: 250px;
    height:246px;
    backface-visibility: hidden;
    transition: transform .5s linear 0s;
    text-decoration: none;
   }

.flip-3d > .back-left {
    position:absolute;
    transform: perspective(600px) rotateY(-180deg);
    width: 250px;
    height:246px;
    backface-visibility: hidden;
    transition: transform .5s linear 0s;
}

.flip-3d:hover > .front-left {
    transform: perspective(600px) rotateY(180deg);
}

.flip-3d:hover > .back-left {
    transform: perspective(600px) rotateY(0deg);
}


.flip-3d > .front {
    position:absolute;
    transform: perspective(600px) rotateY(0deg);
    width: 250px;
    height:246px;
    backface-visibility: hidden;
    transition: transform .5s linear 0s;
   }

.flip-3d > .back {
    position:absolute;
    transform: perspective(600px) rotateY(180deg);
    width: 250px;
    height:246px;
    backface-visibility: hidden;
    transition: transform .5s linear 0s;
}

.flip-3d:hover > .front {
    transform: perspective(600px) rotateY(-180deg);
}

.flip-3d:hover > .back {
    transform: perspective(600px) rotateY(0deg);
}

.red_heart_left  {
    display: block;
    background-image: url('../images/Home_page_59/3d_heart_left.png');
    background-repeat: no-repeat;
    width: 250px;
    height: 246px;
    position: absolute;
    top: 0;
   
}

.blue_heart_left  {
    display: block;
    background-image: url('../images/Home_page_59/3d_heart_blue_left.png');
    background-repeat: no-repeat;
    width: 250px;
    height: 246px;
     position: absolute;
     top: 0;
}

.red_heart_right  {
    display: block;
    background-image: url('../images/Home_page_59/3d_heart_right.png');
    background-repeat: no-repeat;
    width: 250px;
    height: 246px;
    position: absolute;
    top: 0;
   
}

.blue_heart_right  {
    display: block;
    background-image: url('../images/Home_page_59/3d_heart_blue_right.png');
    background-repeat: no-repeat;
    width: 250px;
    height: 246px;
     position: absolute;
     top: 0;
}

#heart-font {
    font-size: 26px;
    font-weight: 700;
    color: white;
    text-align: center;
    margin-top: 65px;
}