@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Sekuya&display=swap');
/*index page and basic format*/
body{
	margin:0;
	font-family:Nunito;
	padding:0;
	background-color:#fff;
}
#header{
	position:relative;
	height:450px;
	width:100%;
	background-image:url(images/anestiev-italian-food-2157246_1920.jpg);
	background-repeat:no-repeat;
	background-position:50% 67%;
	background-size:cover;
	margin:auto;
	box-shadow:0px 5px 50px 1px #521;
	z-index:2;
	font-family:Sekuya;
}
header{
	font-family:Sekuya;
}
#logoname{
	color:#6e2914;
	background-color:rgba(255, 255, 255, 0.5);
	width:330px;
	height:35px;
	line-height:35px;
	text-align:center;
	border-radius:10px;
}
#boxes{
	display:flex;
	justify-content:space-around;
}
#all{
	position:relative;
	background-color:#c78a6b;
	width:1100px;
	min-height:500px;
	margin:auto;
	padding-bottom:70px;
	padding-top:20px;
	border-left: 5px solid #6e2914;
	border-right: 5px solid #6e2914;
}
footer{
	height:400px;
	width:1000px;
	background-color:#825142;
	margin:auto;
}
#footer{
	width:100%;
	background-color:#825142;
	margin:0;
}
.imgHeader{
	width:120px;
	height:120px;
	position:relative;
	left:30px;
	top:30px;
	border-radius:100px;
	border:2px solid #990033;
	transition:0.3s ease-out;
}
.imgHeader:hover{
	scale:1.1;
}
h1{
	display:block;
	position:relative;
	left:160px;
	top:-110px;
	font-size:16pt;
	color:#fff;
	width:400px;
}
#socials{
	display:block;
	position:relative;
	top:-175px;
	font-size:25pt;
	font-family:Nunito;
	color:#fff;
	float:right;
	font-weight:bold;
	text-align:right;
	right:30px;
	width:500px;
}
#sociallinks{
	display:flex;
	width:300px;
	justify-content:space-between;
	float:right;
}
.fa{
	border:2px solid white;
	background-color:#ffabc5;
	padding: 20px;
  	font-size: 30px;
  	width: 50px;
  	text-align: center;
  	text-decoration: none;
  	margin: 5px 12px;
	margin-top:-12px;
	transition:0.3s ease-out;
}
.fa:hover{
	background-color:#ffbada;
	scale:1.1;
}
nav{
	display:flex;
	width:650px;
	height:50px;
	float:right;
	justify-content:space-around;
	padding-top:20px;
}
a{
	color:#fff;
	font-family:Nunito;
	font-size:14pt;
	line-height:30px;
	text-decoration:none;
	border-radius:5px;
}
.homeimg{
	width:170px;
}

.box{
	position:relative;
	width:250px;
	height:300px;
	margin-top:40px;
	color:#fff;
}
.boxhead{
	display:flex;
	justify-content:space-around;
	padding-top:12px;
	font-size:14pt;
	margin-top:0px;
	color:#6e2914;
	text-decoration:underline;
	font-family:Sekuya;
}
.boximg{
	position:absolute;
	left:35px;
	top:50px;
	transition:0.3s ease-out;
}
.boximg:hover{
	scale:1.1;
}
.boxp{
	margin:auto;
	width:250px;
	position:absolute;
	top:230px;
	text-align:center;
}
.boxp2{
	display:flex;
	justify-content:space-around;
	position:absolute;
	top:250px;
	text-align:center;
}
p{
	padding-top:3px;
}
.boxbutton{
	background-color:#82401f;
	color:#edaa87;
	width:200px;
	height:60px;
	position:absolute;
	top:320px;
	left:25px;
	transition:0.3s ease-out;
	border:4px #6e3d30 ridge;
	line-height:20px;
	border-radius:8px;
}
.boxbutton:hover{
	scale:1.1;
	background-color:#6e2914;
	color:#e0ac90;
}
.imgbox{
	width:180px;
	border:3px solid #6e2914;
	border-radius:10px;
}
article{
	text-align:center;
	padding-top:90px;
	padding-bottom:10px;
	color:white;
}
ul{
	list-style-type:none;
	margin-bottom:50px;
}
li{
	margin-top:8px;
	margin-bottom:16px;
}
hr{
	width:800px;
	height:0px;
	margin-bottom:30px;
	margin-top:22px;
	border:1px solid #6e2914;
	background-color:#6e2914;
}
h3{
	text-align:center;
	color:#fff;
}
h2{
	text-align:center;
}
span{
	font-weight:100;
	font-family:Sekuya;
}
/*contact and events boxes*/
input[type=text], select, textarea {
	width: 100%; /* Full width */
	padding: 12px; /* Some padding */ 
	border: 1px solid #fff; /* White border */
	border-radius: 5px; /* Rounded borders */
	box-sizing: border-box; /* Make sure that padding and width stays in place */
	margin-top: 6px; /* Add a top margin */
	margin-bottom: 16px; /* Bottom margin */
	resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
	background-color:#ffbada;
	font-family:Nunito;
}
::placeholder {
	color: #c44198;
	opacity: 1; /* prevents it from being faded */
}
.msgbutton{
	background-color:#82401f;
	color:#edaa87;
	width:150px;
	height:50px;
	transition:0.3s ease-out;
	border:4px #6e3d30 ridge;
	line-height:15px;
	font-size:12pt;
}
.msgbutton:hover{
	scale:1.1;
	background-color:#6e2914;
	color:#e0ac90;
}
.container {
	border-radius: 15px;
	background-color:#c78a6b;
	padding: 20px;
	width:900px;
	margin:auto;
	height:700px;
}
label{
	color:#fff;
}
#contacttitle{
	font-size:50px;
	text-align:center;
	font-weight:bold;
	margin-bottom:-3px;
	color:#6e2914;
	text-decoration:underline;
}
#contactinfo{
	text-align:center;
	width:900px;
	margin:auto;
	padding-bottom:50px;
	color:#fff;
}
#here{
	color:#903;
	font-size:inherit;
}
#here:hover{
	color:#fff;
}
/*menu*/
#menunav{
	display:flex;
	width:650px;
	height:50px;
	float:none;
	justify-content:space-around;
	padding-top:20px;
	margin:auto;
}
.menubutton{
	background-color:#ffabc5;
	height:50px;
	line-height:50px;
	width:110px;
	text-align:center;
	border:2px solid white;
}
.menuboxes{
	display:flex;
	justify-content:space-around;
}
.menubox{
}
.menubutton:hover{
	display:flex;
	justify-content:space-around;
	background-color:#ffbada;
}
.menuimg{
	width:150px;
	border:3px solid #6e2914;
	border-radius:10px;
}
.menuimgbox{
	display:flex;
	justify-content:space-around;
}
.menuh2{
	text-decoration:underline;
	color:#6e2914;
	padding-top:30px;
}
.menup{
	width:216px;
	text-align:center;
	height:1px;
	margin-bottom:200px;
	color:#fff;
}
/*about*/
.aboutimg{
	width:300px;
	height:220px;
	margin-bottom:10px;
	border:3px solid #6e2914;
	border-radius:20px;
	transition:0.3s ease-out;
}
.aboutimg:hover{
	scale:1.03;
}
.abouth1{
	font-size:25pt;
	text-align:left;
	width:500px;
	position:relative;
	left:25px;
	margin-top:100px;
	margin-bottom:-110px;
	text-decoration:underline;
}
.abouth2{
	position:relative;
	font-size:18pt;
	text-align:left;
	color:#fff;
	left:25px;
}
.aboutp{
	width:760px;
	position:relative;
	left:22px;
	text-align:justify;
	color:#fff;
	background-color:rgba(255, 171, 197, 0.8);
	border-radius:10px;
	padding:5px;
	
}
#aboutimgs{
	width:300px;
	float:left;
	margin-top:60px;
	padding-left:10px;
}
#aboutarticle{
	position:absolute;
	right:30px;
}
#aboutall{
	position:relative;
	background-color:#c78a6b;
	width:1100px;
	height:780px;
	margin:auto;
	padding-bottom:70px;
	padding-top:20px;
	border-left: 5px solid #6e2914;
	border-right: 5px solid #6e2914;
}