#body{ 
    margin: 0%;
}

.poem{
    position: absolute;
    top: 200px;
    left: 35%;
    animation: frame 2s linear;
}
@keyframes frame{
    0%{
        transform: scale(0.8);
        opacity: 0;
    }
    33%{
        transform: scale(0.9);
        opacity: 1;
    }
    66%{
        transform: scale(1);
        opacity: 1;
    }
    100%{
        transform: scale(1);
        opacity: 1;
    }
}
#body1{
    position: absolute;
    height: 940px;
    width: 100%;
    text-align: center;
    font-family: printf, sans-serif;
    font-style: normal;
    font-weight: 400;
    border: solid 2pt black;
    margin: 0%;
}
.choose{
    position: absolute;
    width: 100%;
    text-align: center;
    font-family: printf, sans-serif;
    font-style: normal;
    font-weight: 400;
    margin-top: 5%;
}
.artwork{
    position: absolute;
    top: 2140px;
    left: 200px;
    -webkit-transition: width 1s, height 1s, margin 1s;
    -moz-transition: width 1s, height 1s, margin 1s;
    -ms-transition: width 1s, height 1s, margin 1s;
    transition: width 1s, height 1s, margin 1s;
    transition: 1s;
    z-index: 2;
}
.border-artwork{
position: absolute;
border: solid 2pt black;
top: 2115px;
left: 175px;
width: 450px;
height: 570px;
z-index: 1;
}
.artwork:hover{
    width: 450px;
    height: 550px;
}
.food{
    position: absolute;
    top: 2160px;
    left: 700px;
}
.border-food{
position: absolute;
border: solid 2pt black;
width: 275px;
height: 350px;
top: 2145px;
left: 675px;
}
.places{
    position: absolute;
    left: 675px;
    top: 2545px;
}
.border-places{
    position: absolute;
    left: 650px;
    top: 2520px;
    border: solid 2pt black;
    width: 675px;
    height: 335px;
}
.ARTWORK1{
    position: absolute;
    font-family: printf, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2em;
    top: 2140px;
    left: 150px;
    z-index: 3;
    animation: frame1 1s linear infinite;
}
@keyframes frame1{
    0%{
        opacity: 1;
    }
    50%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.ARTWORK2{
    position: absolute;
    font-family: printf, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28pt;
    top: 2170px;
    left: 150px;
    z-index: 3;
    animation: frame1 2s linear infinite;
}
@keyframes frame1{
    0%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
.ARTWORK3{
    position: absolute;
    font-family: printf, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 4em;
    top: 2200px;
    left: 150px;
    z-index: 3;
    animation: frame1 2s linear infinite;
}
@keyframes frame1{
    0%{
        opacity: 1;
    }
    50%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.ARTWORK4{
    position: absolute;
    font-family: printf, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 4em;
    top: 2240px;
    left: 150px;
    z-index: 3;
    animation: frame1 2s linear infinite;
}
@keyframes frame1{
    0%{
        opacity: 1;
    }
    50%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.Artwork-box{
    position: absolute;
    height: 70px;
    width: 220px;
    top: 2670px;
    left: 260px;
    background: rgb(88, 81, 190);
    margin: 2%;
    border-radius: 10px;
    -webkit-transition: width 1s, height 1s, margin 1s;
    -moz-transition: width 1s, height 1s, margin 1s;
    -ms-transition: width 1s, height 1s, margin 1s;
    transition: width 1s, height 1s, margin 1s;
    transition: 1s;
}
.Artwork-box:hover{
    width: 230px;
    height: 80px;
    margin: 0,77%;
}
.Artwork-text{
    font-family: printf, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    font-size: 28px;
    margin-top: 10%;
    color: rgb(253, 253, 255);
    text-decoration: none;
}
.underline{
    text-decoration: none;
}
.FOOD1{
    position: absolute;
    font-family: printf, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2em;
    top: 2380px;
    left: 650px;
    z-index: 3;
    animation: frame1 2s linear infinite;
}
@keyframes frame1{
    0%{
        opacity: 1;
    }
    50%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.FOOD2{
    position: absolute;
    font-family: printf, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 5em;
    top: 2420px;
    left: 650px;
    z-index: 3;
    animation: frame1 5s linear infinite;
}
@keyframes frame1{
    0%{
        opacity: 1;
    }
    30%{
        opacity: 0;
    }
    60%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
.FOOD3{
    position: absolute;
    font-family: printf, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2em;
    top: 2420px;
    left: 650px;
    z-index: 3;
    animation: frame1 1s linear infinite;
}
@keyframes frame1{
    0%{
        opacity: 1;
    }
    50%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

.Food-box{
    position: absolute;
    height: 70px;
    width: 220px;
    top: 2230px;
    left: 860px;
    background: rgb(88, 81, 190);
    margin: 2%;
    rotate: 90deg;
    border-radius: 10px;
    -webkit-transition: width 1s, height 1s, margin 1s;
    -moz-transition: width 1s, height 1s, margin 1s;
    -ms-transition: width 1s, height 1s, margin 1s;
    transition: width 1s, height 1s, margin 1s;
    transition: 1s;
}
.Food-box:hover{
    width: 230px;
    height: 80px;
    margin: 0,77%;
}
.Food-text{
    font-family: printf, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    font-size: 28px;
    margin-top: 10%;
    color: rgb(253, 253, 255);
    text-decoration: none;
    rotate: 0deg;

}
.underline{
    text-decoration: none;
}
.PLACES1{
    position: absolute;
    font-family: printf, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 5em;
    rotate: 90deg;
    top: 2620px;
    left: 650px;
    z-index: 3;
    animation: frame1 5s linear infinite;
    color: rgb(255,250,255);
}
@keyframes frame1{
    0%{
        opacity: 1;
    }
    30%{
        opacity: 0;
    }
    60%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
.PLACES2{
    position: absolute;
    font-family: printf, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2em;
    rotate: 90deg;
    top: 2620px;
    left: 650px;
    z-index: 3;
    animation: frame1 5s linear infinite;
    color: rgb(255,250,255);
}
@keyframes frame1{
    0%{
        opacity: 1;
    }
    30%{
        opacity: 0;
    }
    60%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
.PLACES3{
    position: absolute;
    font-family: printf, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    rotate: 90deg;
    top: 2620px;
    left: 1150px;
    z-index: 3;
    animation: frame1 2s linear infinite;
    color: rgb(255,250,255);
}
@keyframes frame1{
    0%{
        opacity: 1;
    }
    30%{
        opacity: 0;
    }
    60%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
.PLACES4{
    position: absolute;
    font-family: printf, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 4em;
    rotate: 90deg;
    top: 2620px;
    left: 1150px;
    z-index: 3;
    animation: frame1 2s linear infinite;
    color: rgb(255,250,255);
}
@keyframes frame1{
    0%{
        opacity: 1;
    }
    30%{
        opacity: 0;
    }
    60%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
.Places-box{
    position: absolute;
    height: 70px;
    width: 220px;
    top: 2410px;
    left: 1060px;
    background: rgb(88, 81, 190);
    margin: 2%;
    border-radius: 10px;
    -webkit-transition: width 1s, height 1s, margin 1s;
    -moz-transition: width 1s, height 1s, margin 1s;
    -ms-transition: width 1s, height 1s, margin 1s;
    transition: width 1s, height 1s, margin 1s;
    transition: 1s;
}
.Places-box:hover{
    width: 230px;
    height: 80px;
    margin: 0,77%;
}
.Places-text{
    font-family: printf, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    font-size: 28px;
    margin-top: 10%;
    color: rgb(253, 253, 255);
    text-decoration: none;

}
.underline{
    text-decoration: none;
}