@charset "UTF-8";

.head{
    font-size: 50px;
}

.container{
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 1rem;
    width: 100vw;
    height: auto;
}

.theme_img{

    grid-column: 1/4;
   height: 100%;
   width: auto;
    
    overflow: hidden;
}

.theme_img img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.poem{
    grid-column: 4;
    font-family: serif;
}

.Logo{
    width: 100%;
    height: auto;
}

.changer{
    width: 100vw;
    height: 80vh;
    position: relative;
    top: 10vh;
}

.themePage{
    border: 2px solid black;
    border-radius: 10%;
}
.topTalk{
    border: 2px solid black;
    border-radius: 10%;
}



.button{
    display: flex;
    position: relative;
    top: 0vh;
    left: 40vw;
    font-size: 3vh;
    gap: 2vh;
}