body{
	
/* 	background: url(images/white_flower.jpg); 
	background-size: cover;
	/* background-image: url(images/white_flower.jpg); */
	/* object-fit: cover; */
	/* background-repeat: no-repeat;   */
	 background-color: rgba(0,0,0,0); 
	 bottom:0;
}
html {
    background: url(images/white_flower.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    overflow: hidden;
	overflow-y: scroll;
	
}

@font-face{
	font-family: myFirstFont;
	src: url('fonts/orange juice 2.0.ttf');
	
}
@font-face{
	font-family: mySecondFont;
	src: url(fonts/StellaAlphina-Cutecaps);
	
}
.welcome{
	font-family: myFirstFont;
	margin: 20px;
	padding: 70px;
	font-size: 190%;
}

.welcome h1 {
	color: white;
	font-size: 70px;
	padding: 40px;
}
.welcome p {
	color: white;
	font-size: 60px;
}

.welcome button{
	color: white;
	padding:20px;
	font-size: 60px;
}

.icon-bar {
  width: 90px; /* Set a specific width */
  background-color: #555; /* Dark-grey background */
}

.icon-bar a {
  display: block; /* Make the links appear below each other instead of side-by-side */
  text-align: center; /* Center-align text */
  padding: 16px; /* Add some padding */
  transition: all 0.3s ease; /* Add transition for hover effects */
  color: white; /* White text color */
  font-size: 36px; /* Increased font-size */
}

.icon-bar a:hover {
  background-color: #000; /* Add a hover color */
}

.active {
  background-color: #222; /* Add an active/current color */
}


a.fa {
  padding: 10px;
  font-size: 30px;
  width: 50px;
  margin: 20px;
  text-decoration: none;
  border-radius: 20%;
}

.fa {
  padding: 20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  vertical-align: bottom;

}

.fa:hover {
  opacity: 1.8;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
  text-align: center;
  margin: auto;
}

.fa-linkedin {
    background: #007bb5;
    color: white;
}

.fa-envelope {
    background: #dd4b39;
    color: white;
}

.fa-instagram {
	background: #ea4c89;
    color: white;
}
.contact {
	text-align: center;
	bottom: 0;
}
.bot-nav {
	bottom: 0;
	overflow: hidden;
	text-align: center;
	/* background-color:#333; */
	/* background-color: rgba(0.5,0.5,0.5,0.5); */
	margin: auto;
	border-radius: 30px;
	width: 50%;
	
	/* padding-bottom: 10px; */
	
}

.film_block{
	margin: auto;
	text-align: center;
	padding: 20px;
	
}
img.photo_block{
	text-align: center;
	margin: auto;
	
}
.project_block{
	text-align: center;
	margin: auto;
	background-color: #333;
	padding: 20px;
	width: 50%;
	background-color: rgba(0.5,0.5,0.5,0.5);
	border-radius: 30px;
	
}
embed.project_block{
	padding-top: 20px;
	
}

.crush_font{
	font-family: myFirstFont;
	margin: 20px;
	font-size: 190%;
	color:white;
}