/* set body always to full hight to prevent white background on half empty index page */
body {
  min-height: 100vh;
  margin: 0;
}

/* transition box items (post preview) on hover */
.box.has-background-dark:hover {
  background-color: #258b3e !important; 
  transition: background-color 0.9s ease-in-out;
}


/* transition on navbar item background on hover */
.navbar-item.has-background-dark {
  background: linear-gradient(90deg, rgba(46,51,61,1) 0%, rgba(46,51,61,1) 100%); /* Solid dark background */
  background-size: 200% 100%;
  transition: background-position 0.9s ease-in-out;
}

.navbar-item.has-background-dark:hover {
  background: linear-gradient(90deg, rgba(46,51,61,1) 0%, rgba(37,139,62,1) 50%, rgba(46,51,61,1) 100%);
  background-size: 200% 100%;
  background-position: -100% 0;
}

/* style hamburger menu */
.navbar-burger span {
  display: block !important;
  height: 3px;
  width: 25px;
  background-color: #3ff66d !important; 
}

/* style elements in content as bulma styles cannot be applied here */
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, strong {
  color:  hsl(0, 0%, 96%);
}

/* change bulmas default colur blue for a tags (links) */
a {
  color: #3ff66d;
}