body {
	background: linear-gradient(to bottom, lightblue, white);
	background-repeat: no-repeat;
}

h1, h3, h4, p, li, footer {
	font-family: "Inter", sans-serif;
	animation: slideFadeIn 1s ease-out forwards;

}

.main p, h1, h3, h4, li {
	max-width: 1200px;
	margin: auto;
}

.main2 p, h1, h3, h4, li {
	max-width: 1200px;
	margin: auto;
}

.main3 p, h1, h3, h4, li {
	max-width: 1200px;
	margin: auto;
}



#pic1, #pic2, #pic3, #pic4 {
	animation: fadeIn 1s ease-out;
}

.sideText {
	margin-left: 30px;
}

footer {
	background: linear-gradient(to right, blue, white);
}

footer p {
	color: white;
	margin-left: 10px;
	padding: 3px;
}

.pics {
	display: flex;
    width: 100%;
}

.pics img {
    flex: 1;
    height: 250px;
	margin: 10px;
    object-fit: cover;
}

#pic1, #pic2, #pic3, #pic4 {
    transition: transform 0.3s ease;
}


@keyframes slideFadeIn {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

a {
	color: white;
}



@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.videoRow {
	display: flex;
	align-items: center;
	padding-right: 300px;
}


.cinemaRow {
	display: flex;
	align-items: center;
	padding-right: 350px;
}