:root{
	--paper:#EEEBE6;
	--khaki:#E3CFB4;
	--tan:#C6A49A;
	--mauve:#D68189;
	--hotpink:#E94E77;
}

section{
	width: 100%;
	padding: 50px 0;
}
	
div {
	width: 960px;
	margin:0 auto;
}

body{
	font-family: sans-serif;
}

img{
	width: 100%;
	border-radius: 10px;
	margin: 10px 0;
}

h1{
	font-size:48px;
	font-weight:800;
	font-family: "Aubrey"
}

h2{
	font-size:28px;
	font-weight:400;
	font-family: "Roboto", sans-serif;
	letter-spacing: 1em;
	margin-bottom: 6px;
}

h3{
	font-size:30px;
	color:#FFF
	margin:0px 0;
}

.logo {
	width: 400px;
}

.centertext{
	text-align: center;
}

#enrollment{
	display: flex;
	column-gap:5px;
}

	/* fucking thangs */
#cards1{
	display: flex;
	column-gap:10px;
}

.masterclass1{
	background-color: #FFF;
	padding: 10px 10px;
	border-radius: 10px
}

	/* end of thangs */
	
#wowza {
	background-color:var(--tan);
	width:340px;
	padding:30px;
	border-radius:20px;
	text-align: center;
	color: #fff;
}

#cards1 button {
	padding:10px 20px ;
	font-size: 10px;
	color: #FFF;
	background-color: var(--hotpink);
	border-radius: 10px;
	outline: none;
}

#wowza button {
	padding:10px 20px ;
	font-size: 10px;
	color: #FFF;
	background-color: var(--hotpink);
	border-radius: 10px;
	outline: none;

}

#price {
	background-color:var(--khaki);
	font-size: 48px;
	font-weight: 700;
	color:var(--hotpink);
	width: 57px;
	padding: 20px;
	border-radius:50%;
	border: 3px solid;
}

footer {
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	align-items: center;
	background-color: var(--tan)
}

.footer-L {
	display: flex;
	column-gap: 0px;
}

.f-info ul li {
	list-style: none;
	font-size: 12px;
	margin-left:0px;
	padding: 0px 0px;
}

header{
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	align-items: center;
}

header nav ul{
	display:flex;
	flex-direction: row;
	align-items: center;
}

nav ul li{
	list-style: none;
	margin-left:20px;
}

nav ul li a:link, nav ul li a:visited{
	font-family: sans-serif;
	font: 24px;
	background-color: var(--mauve);
	text-decoration: none;
	color: #FFF;
	border-radius: 7px;
	padding: 10px 15px;
}

nav ul li a:hover{
	color: #FFF;
	background-color: var(--hotpink);
}

nav ul li a:active{
	background-color: #000;
	color: #e94e77;
}


.section-dark {
	background-color: var(--paper);
}

.section-darker {
	background-color: var(--tan);
	height: 30px;
}


#logo {
	width: 400px;
}

.logobottom {
	width: 100px;
	margin: 0px 0px 0px 30px;
}

	/* LESSONS PG2 SHET */

#cards2 {
	display: flex;
	flex-wrap: wrap;
	column-gap: 5px;
	row-gap: 10px;
}

h4 {
margin-bottom: 5px;
text-align: center;
}

#cards2 button {
	padding:10px 20px ;
	text-align: center;
	font-size: 10px;
	color: #FFF;
	background-color: var(--hotpink);
	border-radius: 10px;
	outline: none;
}

.masterclass2{
	align-items: center;
	background-color: var(--khaki);
	width: 230px;
	height: 270px;
	border-radius: 10px
}

.resize-img {
	width: 90%;

}