@charset "UTF-8";

@font-face {
    font-family: "yeseva_oneregular";
    src: url("../images/yesevaone-regular-webfont.woff2") format('woff2'),
         url("../images/yesevaone-regular-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "oswald";
    src: url("../images/oswald-variablefont_wght-webfont.woff2") format('woff2'),
         url("../images/oswald-variablefont_wght-webfont.woff") format('woff');
    font-weight: normal, bold, italic;
    font-style: normal;
}

.welcome{
	font-family: "oswald";
	font-size: 4.1rem;
	font-weight: bold;
	color: #3F220F;
	margin-top: 0px;
	padding: 0 0 0 30px;
	
}

.index{
	font-family: "oswald";
	font-size: 1.25rem;
	line-height: 2rem;
	color: #3F220F;
	text-align: justify;
	padding-left: 35px;
	padding-right: 670px;
}

.about{
    font-family: "oswald";
	font-size: 1.25rem;
	line-height: 2rem;
	color: #3F220F;
	text-align: justify;
	padding-left: 570px;
	padding-right: 85px;
	padding-top: 100px;
}

.about-toronto{
	font-family: "oswald";
	font-size: 4.1rem;
	font-weight: bold;
	color: #3F220F;
	margin-top: 0px;
}

.about-2{
	font-family: "oswald";
	font-size: 1.25rem;
	line-height: 2rem;
	color: #3F220F;
	text-align: justify;
	padding-left: 570px;
	padding-right: 85px;
	padding-top: 75px;
}

.about-michelle{
	font-family: "oswald";
	font-size: 4.1rem;
	font-weight: bold;
	color: #3F220F;
	margin-top: 0px;
}

.occasions-1{
 font-family: "oswald";
	font-size: 1.25rem;
	line-height: 2rem;
	color: #3F220F;
	text-align: justify;
	padding-left: 570px;
	padding-right: 85px;
	padding-top: 60px;
}

.occasions{
	font-family: "oswald";
	font-size: 4.1rem;
	font-weight: bold;
	color: #3F220F;
	margin-top: 0px;
}

.occasions-2{
	 font-family: "oswald";
	font-size: 1.25rem;
	line-height: 2rem;
	color: #3F220F;
	text-align: justify;
	padding-left: 570px;
	padding-right: 85px;
	padding-top: 45px;
}

.wedding{
	font-family: "oswald";
	font-size: 3.2rem;
	font-weight: bold;
	color: #3F220F;
	margin-top: 0px;
}

.occasions-3{
	font-family: "oswald";
	font-size: 1.25rem;
	line-height: 2rem;
	color: #3F220F;
	text-align: justify;
	padding-left: 570px;
	padding-right: 85px;
	padding-top: 65px;
}

.birthday{
	font-family: "oswald";
	font-size: 3.2rem;
	font-weight: bold;
	color: #3F220F;
	margin-top: 0px;
}

.contact{
	font-family: "oswald";
	font-size: 1.25rem;
	line-height: 2rem;
	color: #3F220F;
	text-align: justify;
	padding-left: 430px;
	padding-right: 430px;
	padding-top: 65px;
}

.ring-click{
	font-family: "oswald";
	font-size: 3.2rem;
	font-weight: bold;
	color: #3F220F;
	margin-top: 0px;
	padding-top: 45px;
}

.contact-2{
	font-family: "oswald";
	font-size: 1.25rem;
	line-height: 2rem;
	color: #3F220F;
	padding-top: 65px;
}

.hours{
	font-family: "oswald";
	font-size: 3.2rem;
	font-weight: bold;
	color: #3F220F;
	margin-top: 0px;
}

.contact-3{
	font-family: "oswald";
	font-size: 1.25rem;
	line-height: 2rem;
	color: #3F220F;
	text-align: center;
	padding-top: 65px;
}

.contact-us{
	font-family: "oswald";
	font-size: 3.2rem;
	font-weight: bold;
	color: #3F220F;
	margin-top: 0px;
}

.delivery{
	font-family: "oswald";
	font-size: 1.25rem;
	line-height: 2rem;
	color: #3F220F;
	text-align: justify;
	padding-left: 570px;
	padding-right: 85px;
	padding-top: 65px;
}

.cupcake-delivery{
	font-family: "oswald";
	font-size: 4.1rem;
	font-weight: bold;
	color: #3F220F;
	margin-top: 0px;
}

.contact-delivery{
	font-family: "oswald";
	font-size: 1.25rem;
	line-height: 2rem;
	color: #3F220F;
	text-align: justify;
	padding-left: 570px;
	padding-right: 85px;
	padding-top: 61px;
}

.contact-us-delivery{
	font-family: "oswald";
	font-size: 4.1rem;
	font-weight: bold;
	color: #3F220F;
	margin-top: 0px;
}

body{
	margin: 0px;
	background-color: #EAE0D5;
}

nav{
	height: 100px;
	width: auto;
	display: flex;
	postion: absolute;
	background-color:#D1495B;
}

.main-nav{
	font-family: "yeseva_oneregular";
	font-size: 2.25rem;
}

.main-nav ul {
	list-style-type: none;
	list-style-image: none; 
	display: flex;
	justify-content: flex-end;
	margin: 0px;
	padding: 30px 15px 15px 35px;
}

.main-nav ul li {
	postion: relative;
}

.main-nav ul a {
	color:#FFFFFF;
	text-decoration: none;
	padding: 30px;
}

.main-nav ul a:hover {
	color:#3F220F;
}

.main-nav ul li ul {
	position: absolute; 
	flex-direction: column; 
	background-color:#D1495B;
	display: none;
}

.main-nav ul li:hover ul {
	display: block;
	position: absolute;
}

.main-nav ul li ul a {
	display: block;
	font-size: 2rem;
	padding: 30px 0px 25px 0px;
	min-width: 150px;
}

.main-nav ul li ul a:hover {
	color: #FFFFFF;
	background-color:#E3919C;
}


.logo{
	padding: 5px 0 0 25px;
	height: 100px;
	width: auto;
}

.cupacake{
	height: 500px;
	width: auto;
	margin: 0px;
	display: flex;
	
}

.index-cup{
	float: right;
	margin: 0px;
	padding: 25px 100px 0px 45px;
}

.image-container-about{
	background-image:url("../images/baker.jpg");
	height: 100vh;
	width: 35vw;
	background-position:center;
	background-repeat: no-repeat;
	background-size: cover;
	position:  absolute;
	
}

.ocassions-image-container{
	background-image: url("../images/wedding2.jpg");
	height: 100vh;
	width: 35vw;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	
}

.contact-image-container{
	background-image: url("../images/toronto-evening.jpg");
    height: 52vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.delivery-image-container{
	background-image: url("../images/delivery.jpg");
	height: 100vh;
	width: 35vw;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	
}

.footer-index{
	padding-top: 130px;
	font-size: 1rem;
	font-family: "oswald";
	color:#3F220F;
	text-align: center;
	font-weight: bold;
}
.footer-about{
	font-size: 1rem;
	font-family: "oswald";
	color:#3F220F;
	text-align: center;
	padding-left: 500px;
	padding-top: 130px;
	font-weight: bold;
}
.footer-occasions{
	font-size: 1rem;
	font-family: "oswald";
	color:#3F220F;
	text-align: center;
	padding-left: 500px;
	padding-top: 70px;
	font-weight: bold;
}

.footer-contact{
	font-size: 1rem;
	font-family: "oswald";
	color:#3F220F;
	text-align: center;
	padding-top: 70px;
	font-weight: bold;
	
}

.footer-delivery{
	font-size: 1rem;
	font-family: "oswald";
	color:#3F220F;
	text-align: center;
	padding-top: 70px;
	font-weight: bold;
}