<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
.about_company {
    text-align: center;
    max-width: 55%;
    margin: 95px auto 5em;
    font-family: sans-serif;    
}

.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;}
	}
}

.horizontal_wrapper {
    max-width: 75%;
    margin: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.text_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 5px;
}

.text_container p {
    text-align: left;
    margin-top: 1px;
    margin-bottom: 25px;
    font-family:sans-serif;
    font-size: 21px;
}

.container img {
  width: 75%;
  height: 75%;
  margin: auto;
}

.container {
  width: 75%;
  height: 75%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 5px;
}

.container p {
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family:sans-serif;
}

@media screen and (max-width: 852px){
    .about_company {
        text-align: center;
        max-width: 75%;
        margin: 95px auto 5em;
        font-family: sans-serif;    
    }

    .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;
    }
}</pre></body></html>