@charset "utf-8";
/* CSS Document */

/*ID Styles*/

#logo_container
	{width: 100%;
	padding: 50px 0px;
	background-color:#140F24;
	text-align: center;
	margin-top: 0px}

#logo 
	{width: 100%;
	height: 150px;
	background-image: url("images/aiyadesigns_logo.png");
	background-repeat: no-repeat;
	background-position: center}

#main_banner
	{width: 1120px;
	height: 370px;
	background-image: url("images/web_design.png");
	padding: 65px 40px;
	margin: 0px auto}

#pitch
	{font-family: 'Zen Dots';
	font-weight: 600;
	font-size: 30px;
	letter-spacing: 5px;
	color: #140F24;
	width: 1150px;
	height: auto;
	border-radius: 25px;
	background-color:#CA97C4;
	padding: 25px 25px;
	margin: 10px auto;}

#pitch_box
	{width: auto;
	height: 50px;
	border: 4px solid #140F24;
	border-radius: 15px;
	font-family: 'Zen Dots';
	font-weight: 600;
	font-size: 30px;
	letter-spacing: 5px;
	color: #140F24;
	padding: 30px 25px 15px 25px;}

#subscribe
	{width: 1150px;
	height: auto;
	background-color:#CA97C4;
	border-radius: 10px;
	padding: 25px 25px;
	margin: 10px auto;}

#subscribe_box
	{width: auto;
	height: auto;
	border: 4px solid #5F6C79;
	border-radius: 10px;
	padding: 25px}

#price
	{width: 1100px;
	height: 65px;
	background-color: #5F6C79;
	border-radius: 15px;
	margin: 10px auto;
	padding: 25px 50px}

#footer
	{width: 1180px;
	height:auto;
	padding: 10px;
	text-align: center;
	background-color: #140F24;
	margin: 10px auto;}

#icon_box
	{width: 1200px;
	height: auto;
	text-align: center;
	margin: 20px, auto}

#footer_box
	{width: 930px;
	height: auto;
	margin: auto}

/*Class Styles*/

.main_text
	{font-family: "Zen Dots";
	font-weight: 400;
	font-style: normal;
	font-size: 80px;
	color: #C988C1;
	padding: 10px;
	letter-spacing: 25px;
	text-align: left;}

.button_box
	{width: auto;
	height: auto;
	padding:22px 50px 0px;
	float:right}

.background {width: 100%;
		height: auto;
		background-color: rgba(134,159,178,0.30);
		margin: 0px auto;
		text-align: center;
		background-position: center}

.sale_row {width:1200px;
		height: 403px;
		margin:10px auto}

.sale_item {width: 380px;
	height: 400px;
	background-color: rgba(113,99,139,1.00);
	border-radius: 10px;
	color: rgba(143,152,106,1.00);
	margin: 0px 10px;
	float:left}

.design {width: 380px;
	height: 400px;
	border-radius: 10px;
	background-image: url("images/design_labeled.png");}

.code {width: 380px;
	height: 400px;
	border-radius: 10px;
	background-image: url("images/coding_labeled.png");}

.polish {width: 380px;
	height: 400px;
	border-radius: 10px;
	background-image: url("images/polish_labeled.png");}

.price_text
	{font-family: "Teko", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 500;
  	font-style: normal;
	font-size: 50px;
	color: #CA97C4;
	float: left;
	margin-bottom: 10px}

.subscribe_text
	{width: auto;
	height: auto;
	font-family: "Teko", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 500;
  	font-style: normal;;
	font-size: 25px;
	color: #5F6C79;
	text-decoration: none}

.footer_text
	{color: #869FB2;
	font-family: "Teko", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 300;
  	font-style: normal;;
	font-size: 20px;
	float: left;
	margin: 10px;}

.clear_float
	{clear: both}
/*Styles*/

button {color: #ffffff;
	background-color: #C988C1;
	font-family: "Teko", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 300;
  	font-style: normal;;
	font-size: 30px;
	border: 1px solid #C988C1;
	border-radius: 25px;
	padding: 10px 45px;
	cursor: pointer;
	float: right}

button:hover {color: #C988C1;
		background-color: #ffffff;}
body {margin: 0px}

a:text{text-decoration: none}


a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}

h1 {font-size: 40px;
	margin: 0px}

h2 {font-size: 35px;
	margin: 0px}

p {font-weight: 300}

p1 {color: #869FB2;
	font-family: "Teko", sans-serif;
  	font-optical-sizing: auto;
 	font-weight: 300;
 	font-style: normal;;
	letter-spacing: 2px}

(function(){
	let cpr = document.getElementById("copyright");
	cpr.innerHTML = "© 2024 - "+new Date().getFullYear()+" www.aiyadesigns.net - All Rights Reserved.";
})();

/*Text Styles*/

.zen-dots-regular {
  font-family: "Zen Dots", sans-serif;
  font-weight: 400;
  font-style: normal;}

/*// <"light">: Use a unique and descriptive class name
  // <weight>: Use a value from 300 to 700*/

.teko-light {
  font-family: "Teko", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;}

.teko-heavy {
  font-family: "Teko", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

/*Nav Styles*/

P {font-size: 24px}

.nav_banner
	{width: 100%;
	height:80px;}

.nav_container
	{width:100%;
	height:80px;
	background-color:#5F6C79;}

nav 
	{background-color: #5F6C79;
	height: 80px;
	width: 1200px;
	position: relative;
	margin: 0px auto;
	font-family: "Teko", sans-serif;}

nav ul 
	{
  	font-optical-sizing: auto;
  	font-weight: 400;
	font-style: normal;
	font-size: 40px;
	color: #869FB2;
	margin: 0;
	padding: 0;
	list-style: none;}

nav ul li 
	{display: block;
	position: relative;
	float: left;}

nav li ul
	{display: none;}

nav ul li a 
	{display: block;
	text-decoration: none;
	padding: 16px 15px 25px 15px;
	background:#5F6C79;
	color: #C9DAE8;
	margin-left: 1px;
	white-space: nowrap;
	height: 39px;
	width: 150px;	/* this is the button size */
	text-align: center;}
	
nav ul li a:hover
	{background-color: #869FB2;}

nav li:hover ul
	{display: block;
	position: absolute;
	height: 30px;}

nav li:hover li 
	{float: none;
	font-size: 15px;}

nav li:hover li a:hover 
	{background-color: #CA97C4;}

nav ul li ul li a
	{text-align: left;}

.menu_adjust {margin-left: 225px}