.body_container {
     display: flex;
     justify-content: 'center';
     margin-top: 5em;  
}

.bold {
	font-size: 23px;
	color: black;
    font-weight: 900;
}

.container {
	opacity: 0;
	transition: 0.5s, 2.5s;
}

.container.visible {
	opacity: 1;
}

@media(prefers-reduced-motion: no-preference){
	.image_motion {
		scale: .5; 
		opacity: 0;
		animation: fade-in linear forwards;
		animation-timeline: view();
		animation-range: entry;
	}

	@keyframes fade-in{
		to{scale: 1; opacity: 1;}
	}
}

.body_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.detail_info {
    display: flex;
    justify-content: center;
    margin-bottom: 1em;
    border-width: 5px;
    border-radius: 3px;
    border-color: black;
    font-family:sans-serif;
    font-size: 21px;
    text-decoration: underline;
}
.detail_list li {
    display: flex;
    justify-content: center;
    text-align: left;
    margin-top: 1px;
    margin-bottom: 25px;
    font-family:sans-serif;
    font-size: 19px;
}


@media screen and (max-width: 852px){
    
    .horizontal_wrapper {
        display: flex;
        flex-direction: column;
        max-width: 100%;
        justify-content: center;
    }
    .container {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .container p {
        text-align: center;
        margin-top: 5px;
        margin-bottom: 5px;
    }
}