body {
}

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

#water_and_grass  {
    display: block;
    background-image: url('../images/Home_page_72/water_and_grass.jpg');
    background-repeat: no-repeat;
    width: 900px;
    height: 713px;   //602;
    position: relative;
    overflow: hidden;
}

#butterfly_frame  {
    display: block;
    background-image: url('../images/Home_page_72/butterfly_frame.jpg');
    background-repeat: no-repeat;
    width: 900px;
    height: 636px;
    position: relative;
}

.font_2020  {
    font-size: 42px;
    margin-left: 200px;
    margin-right: 200px;
    position: absolute;
    top: 175px;
    text-align: center;
    line-height: 150%;
    font-weight: 700;
}

#flower_border  {
    display: block;
    background-image: url('../images/Home_page_72/flower_border.png');
    background-repeat: no-repeat;
    width: 950px;
    height: 1510px;
    position: relative;
    left: -25px;
}

#sheep  {
    display: block;
    background-image: url('../images/Home_page_72/sheep.jpg');
    background-repeat: no-repeat;
    width: 900px;
    height: 633px;
}

#dividing_scroll  {
    display: block;
    background-image: url('../images/Home_page_72/dividing_scroll.png');
    background-repeat: no-repeat;
    width: 500px;
    height: 186px;
    margin-left: auto;
    margin-right: auto;
}

#links_container  {
   width: 900px;
   height: 115px;
   position: relative;
}

.top_page_2020  {
    display: block;
    background-image: url('../images/Home_page_72/left-20-20.png');
    background-repeat: no-repeat;
    width: 314px;
    height: 115px;
    background-position: -157px 0;
    position: absolute;
    left: 25px;
    z-index: 20;
}

.top_page_2020:hover  {
    animation: left_2020 1s infinite;
}

@keyframes left_2020  {
    0%  {background-position: -314px 0;}
  49%  {background-position: -314px 0;}
    50%  {background-position: -0px 0;}
99%  {background-position: -0px 0;}
    100%  {background-position: -314px 0;}
}

.french_2020  {
    display: block;
    background-image: url('../images/Home_page_72/right-20-20.png');
    background-repeat: no-repeat;
    width: 314px;
    height: 115px;
    background-position: -157px 0;
    position: absolute;
    right: 25px;
    z-index: 20;
}

.french_2020:hover  {
    animation: right_2020 1s infinite;
}

@keyframes right_2020  {
    0%  {background-position: -314px 0;}
  49%  {background-position: -314px 0;}
    50%  {background-position: -0px 0;}
99%  {background-position: -0px 0;}
    100%  {background-position: -314px 0;}
}

#links_messages_wrapper  {
    width: 900px;
    height: 310px;
    position: relative;
}

#message_left  {
    width: 270px;
    background-color: white;
    position: absolute;
    left: 20px;
   top: 45px;
    border: 10px solid brown;
    border-radius: 50px;
}

#message_left:before {
    content: "";
    width: 0;
    height: 0;
    border: 50px solid transparent;
    border-bottom-color: brown;
    position: absolute;
    left: 100px;
    bottom: 100%;
}

#message_left:after {
    content: "";
    width: 0;
    height: 0;
    border: 30px solid transparent;
    border-bottom-color: white;
    position: absolute;
    left: 120px;
    bottom: 100%;
}

#message_right  {
    width: 270px;
    background-color: white;
    position: absolute;
    right: 20px;
   top: 45px;
    border: 10px solid brown;
    border-radius: 50px;
}

#message_right:before {
    content: "";
    width: 0;
    height: 0;
    border: 50px solid transparent;
    border-bottom-color: brown;
    position: absolute;
    right: 100px;
    bottom: 100%;
}

#message_right:after {
    content: "";
    width: 0;
    height: 0;
    border: 30px solid transparent;
    border-bottom-color: white;
    position: absolute;
    right: 120px;
    bottom: 100%;
}

.links_font  {
    padding: 15px;
    font-family: "Comic Sans MS, cursive, sans-serif";
    font-size: 35px;
    font-weight: 700;
    color: brown;
    line-height: 150%;
    text-align: center;
}