@charset "UTF-8";
@media (max-width: 1080px){
}
/* CSS Document */

html {
	background-image: url("images/wall1.webp");
	background-repeat: repeat;
	background-size:contain:
	background-position: center;
	/*background-color: #EDDDCD;  */;
	padding-top: 5%;
	align-content: center;
	border-left: 0px solid #C09C83; 
	border-bottom: 0px solid #C09C83;
	border-right: 0px solid #C09C83; 
	border-top: 0px solid #C09C83;
	border-radius: 0px;
	
	
}
.display {
	
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;

}

/* nameplate */

.name {
	color: #EF3592;
	
	font-size: 70px;
	text-align:center;
	text-transform:capitalize;
	letter-spacing: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
}
/* footer section */
header {
	/* background-image: url("images/birds2.webp"); 
	background-repeat: repeat;
	background-size: cover;
	background-position: center;
	background-color:hsla(23,33%,91%,0.35); 
	border-left: 4px solid hsla(22,33%,94%,0.74); 
	border-bottom: 4px solid hsla(22,33%,94%,0.74);
	border-right: 4px solid hsla(22,33%,94%,0.74); 
	border-top: 4px solid hsla(22,33%,94%,0.74);
	border-radius: 15px;
	*/
	align-content: center;
	margin-left: 0%;
	height: 100%;
	padding-top: 0%;
	
	width: 100%;
	}

footer { 
  
  position: fixed;
  left: 0;
  bottom: 0;
height: 10%;
  width: 100%;
  background-color: red;
  color: white;
  text-align: center;
} 
	

/* Navigation bar */

.nav_bar {
	
	background-image: url("images/bikiniwaxer.webp");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
	align-content: top;
    width: 100%;
	height: 100%;
	padding-top: 10%;
	padding-bottom: 10%;
	margin-left: auto;
	margin-right: auto;
	clear: top;
	
}
.container .nav_bar ul {
	/*
	border-left: 4px solid hsla(22,33%,16%,0.94); 
	border-bottom: 4px solid hsla(22,33%,16%,0.94);
	border-right: 4px solid hsla(22,33%,16%,0.94); 
	border-top: 4px solid hsla(22,33%,16%,0.94);
	*/
	margin-top: 10%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	overflow: hidden;
  position: fixed;
  bottom: 0;
	

}
.nav_bar ul li {

	list-style: none;
	align-content: center;
	float: center;
	margin-right: auto;
	margin-top: 0%;
	font-family: "Source Sans Pro";
	font-weight: normal;
	letter-spacing: 1px;
	margin-left: auto;
	/*
	background-color:hsla(23,33%,91%,0.35);
	border-left: 4px solid hsla(22,33%,94%,0.74); 
	border-bottom: 4px solid hsla(22,33%,94%,0.74);
	border-right: 4px solid hsla(22,33%,94%,0.74); 
	border-top: 4px solid hsla(22,33%,94%,0.74);
	border-radius: 40px;
	*/
	width: 20%;
}
                                        /*      -- blocked, affecting text color --
 #menu a:link, a:visited {
	text-decoration: none;
	font-family: "Source Sans Pro";
	font-weight: normal;
	color: #171717;
	letter-spacing: 1px;
	}
 #menu a:hover {
	font-weight: 200;
	color: #191919;
}

                                        /* links outside of top navigation bar */

                                        /*    -- blocked, affecting text color --

 a:link, a:visited {
	text-decoration: none;
	font-family: "Source Sans Pro";
	font-weight: normal;
	color: #131313;
	letter-spacing: 1px;
	}
a:hover {
	font-weight: 200;
	color: #FD0101;
}
*/

                                    /* main text body with blue background */

body { 
	align-content: center;
text-align: center;
padding-top: 0%;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.wrapper {
	width: 100%;
	float: center;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.box_left {
	width: 100%;
	align-content: center;
	margin-top: 0%;
	margin-left: auto;
	margin-right: auto;
	align-content: center;
	padding-top: 5%;
	padding-bottom:5%;
	/*border-left: 4px solid hsla(22,33%,94%,0.74); 
	border-bottom: 4px solid hsla(22,33%,94%,0.74);
	border-right: 4px solid hsla(22,33%,94%,0.74); 
	border-top: 4px solid hsla(22,33%,94%,0.74);
	border-radius: 15px;*/
	opacity: 90%;
	
}
.box_right {
	background-image: url("images/birds2.webp");
	width: 100%;
	background-repeat: repeat;
	background-size: cover;
	background-position: center;
	align-content: center;
	margin-top: 0%;
	margin-left: auto;
	margin-right: auto;
	align-content: center;
	padding-top: 5%;
	padding-bottom:5%;
	/*border-left: 4px solid hsla(22,33%,94%,0.74); 
	border-bottom: 4px solid hsla(22,33%,94%,0.74);
	border-right: 4px solid hsla(22,33%,94%,0.74); 
	border-top: 4px solid hsla(22,33%,94%,0.74);
	border-radius: 15px;*/
	opacity: 90%;
	
}
.box_middle {
	width: 95%;
	margin-top: 5%;
	padding-top: 5%;
	padding-bottom: 5%;
	
	
	
	/*
	background-color:hsla(23,33%,91%,0.35);
	border-left: 4px solid hsla(22,33%,94%,0.74); 
	border-bottom: 4px solid hsla(22,33%,94%,0.74);
	border-right: 4px solid hsla(22,33%,94%,0.74); 
	border-top: 4px solid hsla(22,33%,94%,0.74);
	border-radius: 40px;
	*/
	width: 100%;
	background-image: url("images/birds2.webp");
	background-repeat: repeat;
	background-size: contain;
	background-position: center;
	align-content: center;
	
	
	/* float: left;
	margin-left: auto;
	margin-right: auto;
	height:100%;
	border-radius: 0px;
	padding: 0px;
	margin-top: 0px; -*/
	
	
}
h1 {
	color:#644632;
	
	margin-top: 0%;
	margin-left:auto;
	margin-right:auto;
	font-weight: 50;
	font-size:8vw;
	font-family: Georgia, serif;
	letter-spacing: 3px;
	line-height: 1.0;
	width: 95%;
	align-content: center;
	/*
	background-color:hsla(23,33%,91%,0.35);
    border-left: 4px solid hsla(22,33%,94%,0.74); 
	border-bottom: 4px solid hsla(22,33%,94%,0.74);
	border-right: 4px solid hsla(22,33%,94%,0.74); 
	border-top: 4px solid hsla(22,33%,94%,0.74);
	border-radius: 15px;
	/*
	background-image: url("images/birds2.webp");
	background-repeat: repeat;
	background-size: cover;
	background-position: center;
	
	*/
	
	
	}
h2 {
	color: #E50303;
	margin-top: 5%;
	margin-left:auto;
	margin-right:auto;
	font-weight: 10;
	font-size: 3em;
	width: 90%;
	align-content: center;
	height: 10%;
	
	
	background-color:hsla(23,33%,91%,0.35);
    border-left: 4px solid hsla(22,33%,94%,0.74); 
	border-bottom: 4px solid hsla(22,33%,94%,0.74);
	border-right: 4px solid hsla(22,33%,94%,0.74); 
	border-top: 4px solid hsla(22,33%,94%,0.74);
	border-radius: 15px;
	
	
	/*
	background-image: url("images/birds2.webp");
	background-repeat: repeat;
	background-size: cover;
	background-position: center;
	*/
	
	
	
	}
h3{
	width: 50%;
	margin-left:auto;
	margin-right:auto;
	background-color:hsla(101,17%,67%,0.68);
	border-style: solid;
	border-width: 2px;
	padding: 20px;
	border-radius: 4px;
	border-color: hsla(0,0%,8%,0.81);
	text-decoration: none;
	font-family: "Source Sans Pro";
	font-weight: 10;
	font-size: xx-large;
	color:#644632;
	letter-spacing: 1px;
	
}
h4 {
	color: #F9F4F4;
	
	margin-top: 5%;
	margin-left:auto;
	margin-right:auto;
	font-weight: 50;
	font-size: 3em;
	width: 85%;
	align-content: center;
	
	background-color:hsla(0,97%,49%,0.85);
    border-left: 4px solid hsla(22,33%,94%,0.74); 
	border-bottom: 4px solid hsla(22,33%,94%,0.74);
	border-right: 4px solid hsla(22,33%,94%,0.74); 
	border-top: 4px solid hsla(22,33%,94%,0.74);
	border-radius: 15px;
	/*
	background-image: url("images/birds2.webp");
	background-repeat: repeat;
	background-size: cover;
	background-position: center;
	
	*/
	
	
	}
p {
	padding: 1px;
	text-align: left;
	color: #FFFFFF;
}
/* The animation code */
@keyframes example {
	from {background-image: none;}
    to {background-image: url("images/birds2.webp");}
	
}