main.css

* {
	box-sizing: border-box;
}

html {
	overflow-x: hidden;
}

body {
	overflow-x: hidden;
	background-color: #eee;
}

p {
	color: #333;
}

header {
	background-image: url(image/paint.png);
	background-size: cover;
	background-position: 69% bottom;
	height: 90vh;

	box-shadow: inset 0 -200px 200px #707f62;
	-webkit-box-shadow: inset 0 -100px 100px #707f62;
}

header h1 {
	font-size: 4em;
}

header h2 {
	font-size: 3.8em;
}

header p {
	font-size: 1.5em;
}

.bg-none {
	background: none;
}

.shadow-container {
	background-color: #0005;
	border-radius: 50px;
	box-shadow: 0 0 100px 100px #0005
}

.divider {
	display: block;
	height: 10vh;
}

.line {
	display: block;
	height: 1px;
	width: 100%;
	background-color: #aaa;
}

.border-none {
	border: none;
}

.card-img-top {
	height: 250px;
	object-fit: cover;
}

.border-inverse-cup {
	border-right: solid 2px #707f62;
	border-top:   solid 2px #707f62;
	border-left:  solid 2px #707f62;
}

.border-cup {
	border-right: solid 2px #707f62;
	border-bottom: solid 2px #707f62;
	border-left: solid 2px #707f62;
}

.justify {
	text-justify: justify;
}

.balance {
	text-wrap: balance;
}

.montserrat {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}

.playfair {
	font-family: "Playfair Display", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

.lobster {
	font-family: "Lobster", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.bg-accent {
	background-color: #707f62;
}

.white {
	color: #eee;
}

.gold {
	color: #f0b71c;
}

.observer-left {
	opacity: 0;
	transform: translateX(-30%);
	transition: 700ms cubic-bezier(0, 0, 0.5, 1.0);
}

.show {
	opacity: 1;
	transform: translateX(0);
}