/* STYLE SECTIONING TAGS */
body {
  background-image: url('assets/background.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  
}

.homepage-header {
  background-color:black;
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
  display: inline-flexbox;
  width: 100%;
  height: 100px;
  background-image: url('assets/flwr-header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  border: 5px solid #EFAFD3;
  border-style: groove;

}

.homepage-main {
  position: absolute;
  font-family: 'Serif', Times New Roman;
  font-size: 22px;
  text-align: left;
  color: black;
  border-radius: 1em;
  background-color: rgba(239, 175, 211, .5);
  margin: 1em;
  width: 50%;
  height: 35%;
  top: 35%;
  margin-left: 35%;
  border: 5px outset #EFAFD3;
  
}

.homepage-main:hover {
   box-shadow: 0 0 30px  rgba(0, 0, 0, 0.8);
  @keyframes glow;
  animation: glow 1s ease-in-out infinite alternate;
}

.main-img {
  float: left;
  width: 30%;
  margin-top: auto;
  margin-bottom: auto; 

}

.update-log {
  font-family: 'Serif', Times New Roman;
  font-size: 20px;
  text-align: center;
  color: black;
  border-radius: 1em;
  background-color: rgba(239, 175, 211, .5);
  border: 5px outset #EFAFD3;
  height: 150px;
  width: 285px;
  margin-right: 100%;
  overflow: auto;

}


.homepage-video {
  width: 20%;
  margin-top: 3%;
}

.homepage-footer {
  text-align: center;
  background-color: rgba(239, 175, 211, .5);
  padding-bottom: 0.5em;
  border: 5px groove #EFAFD3;
}

/* About Page */ 
.about-header {
  font-size: 18px;
  background-color:black;
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
  display: inline-flexbox;
  width: 100%;
  height: 100px;
  background-image: url('assets/flwr-header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  border: 5px solid #EFAFD3;
  border-style: groove;
}

.about-main {
  position: absolute;
  font-family: 'Serif', Times New Roman;
  font-size: 16px;
  text-align: center;
  color: black;
  border-radius: 1em;
  background-color: rgba(239, 175, 211, .5);
  margin: 2em;
  width: 50%;
  height: 35%;
  top: 35%;
  margin-left: 35%;
  border: 5px outset #EFAFD3
}


/* Portfolo Page */ 
.portfolio-header {
  background-color:black;
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
  display: inline-flexbox;
  width: 100%;
  height: 100px;
  background-image: url('assets/flwr-header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  border: 5px solid #EFAFD3;
  border-style: groove;

}


/* Blog Page */
.blog-header {
  background-color:black;
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
  display: inline-flexbox;
  width: 100%;
  height: 100px;
  background-image: url('assets/flwr-header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  border: 5px solid #EFAFD3;
  border-style: groove;

}

/* STYLE TEXT */

h1 {
  color:#EFAFD3;
  text-align: center;
  padding-top: 1em;
  text-shadow: 0 0 30px #FFFFFF;
}

p {
  margin-bottom: 1em;
}

/* STYLE IMAGES */
.header-img {

  

}

/* STYLE NAV BAR */
nav {
  text-align: left;
  
}

ul {
  list-style-type: none;
  background-color: rgba(239, 175, 211, .5);
  overflow: hidden;
  padding: 1em;
  margin-top: 1em;
  width: 20%

}

ul a:visited {
  color: black;
}

li {
  display: block;
}

li a {
  text-decoration: none;
  color: black;
  font-size: 1.3em;
  padding: 0em;
}

li a:hover {
  color: #FFFFFF;
}