PIbd-23_Abazov_A.A._IPLabs/frontend/src/styleSite.css

header{
	background-color: #9094c1;
	flex-direction: row;
}
header nav{
	font-family: Segoe UI;
	font-weight: bold;
	font-size: 42px;
}
header nav a:hover{
	text-decoration: underline;
}
.navigationCaption{
	font-family: Segoe UI;
	font-weight: bold;
	font-size: 42px;
}
a{
	color: inherit;
	text-decoration: none;
}
td, th{
	border: 1px solid black;
	font-family: Segoe UI;
	text-align: center;
	font-size: 28px;
}
table tbody td a:hover{
	text-decoration: underline;
	color: inherit;
}

footer{
	background-color: #707be5;
	max-height: 110px;
}

.mainPage a:hover{
	text-decoration: underline;
	color: inherit;
}

.popularCaption{
	font-family: Segoe UI;
	font-size: 24px;
}

.discountsCaption{
	font-family: Segoe UI;
	font-size: 24px;
}	

.item{
	font-family: Segoe UI;
	font-size: 18px;
}

.item img{
	width: 200px;
	height: 200px;
}

.tableMy table caption{
	font-family: Segoe UI;
	font-weight: bold;
	font-size: 45px;
}
.tableMy table tbody td a:hover{
	text-decoration: underline;
	color: inherit !important;
}

.tableCart table caption{
	font-family: Segoe UI;
	font-weight: bold;
	font-size: 32px;
}

.cartInfo{
	margin-top: 320px;
	margin-right: 400px;
	font-family: Segoe UI;
	font-size: 45px;
}

.buttonOrder{
	background-color: #4d89d9;
}

.itemCaption{
	font-family: Segoe UI;
	font-size: 32px;
}

#itemPhoto{
	margin-left: 50px;
}

.itemInfo{
	font-family: Segoe UI;
	font-size: 45px;
	margin-left: 85px;
}

.itemInfo li{
	list-style-type: none;
}

.buttonAdd{
	font-family: Segoe UI;
	font-size: 45px;
	background-color: #4d89d9;
	margin-left: 35px;
}
.companyName{
	font-family: Segoe UI;
	font-size: 45px;
}
.longText{
	font-family: Segoe UI;
	font-size: 25px;
}
#logoName{
	font-family: Rockwell Condensed;
	font-size: 64px;
	font-weight: bold;
	font-stretch: condensed;
	text-decoration: none;
}

#logoName a:hover{
	text-decoration: none;
	color: inherit;
}

.footerLeft{
	margin-bottom: 10px;
	font-family: Segoe UI;
	font-size: 16px;
}
.footerBottom{
	font-family: Segoe UI;
	font-size: 28px;
}

.hide{
	display: none;
}

.active{
	display: block;
}

.active img{
	width: 200px;
	height: 100px;
}

@media (max-width: 1080px){
	header{
		flex-direction: column;
	}

	header nav{
		text-align: center;
	}

	.headerContainer{
		flex-direction: column !important;
	}

	.itemContent{
		flex-direction: column !important;
		justify-content: center !important;
	}

	#itemPhoto{
		margin-left: auto !important;
		margin-right: auto ;
	}

	.itemInfo{
		margin-bottom: 10px !important;
		margin-left: 10px!important;
	}

	#cartContainer{
		flex-direction: column !important;
	}

	.cartInfo{
		margin-top: 0px !important;
		margin-left: 5px;
		margin-right: auto;
		margin-bottom: 10px;
	}

	#tableCart{
		width: auto;
	}

	.mainPage{
		flex-direction: column !important;
		justify-content: center;
	}

	.tablePopular{
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.tableDiscounts{
		margin-top: 30px;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

@media (max-width: 767px){
	.tableMy table thead th{
		font-size: 12px !important;
	}

	.tableMy table tr td{
		font-size: 12px !important;
	}

	.tableCart table thead th{
		font-size: 18px !important;
	}

	.tableCart table tr td{
		font-size: 18px !important;
	}

	.cartInfo{
		font-size: 18px !important;
	}

	.itemInfo{
		font-size: 18px !important;
	}

	.buttonAdd{
		font-size: 18px !important
	}

	.footerLeft{
		font-size: 12px !important;
	}

	.footerBottom{
		font-size: 16px !important;
	}

	.footerRight img{
		width: 55px;
		height: 27px;
	}

	.mainPage img{
		width: 100px !important;
		height: 100px !important;
	}

	.popularCaption{
		font-size: 18px !important;
	}

	.discountsCaption{
		font-size: 18px !important;
	}

	#itemIcon{
		width: 250px !important;
		height: 250px !important;
	}
}