/*
- External Navigation Menu Formatting (nav.css)
*/
@font-face {
    font-family: 'IBM VGA 9x16';
    src: url('/fonts/WebPlus_IBM_VGA_9x16.woff') format('woff');
}
/*<ul>-element formatting*/
.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
/*navigation menu item formatting*/
.nav-item {
    display:inline-flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    color: white;
    text-decoration: none;

    height: 30px;
    width: 100%;
    padding: 10px;

    margin: 0px;
    background-color: #333333;

    cursor: pointer;
}
/*navigation item hover formatting*/
.home:hover {
  color: lightcyan;
  background-image: url(/assets/img/Heresy_Hotel.JPG);
  background-position-y: center;
  background-position-x: center;
  background-size: 100%;
}
.cloud:hover {
  color: brown;
  font-family: 'Times New Roman', Times, serif;
  background-image: url(/assets/img/cloud.jpg);
  background-position-y: center;
  background-position-x: center;
  background-size: 300%;
}
.firmament:hover {
  color: wheat;
  font-family: 'Times New Roman', Times, serif;
  background-image: url(/assets/img/firmament_banner.png);
  background-position-y: center;
  background-position-x: center;
  background-size: 300%;
}
.music:hover {
  color: magenta;
  background-image: url(/assets/img/music.JPG);
  background-position-y: center;
  background-position-x: center;
  background-size: 400%;
}
.record:hover {
  color: lightcyan;
  background-image: url("/assets/img/albums/Heresy_Hotel.jpeg");
  background-position-y: center;
  background-position-x: center;
  background-size: 100%;
}
.blog:hover {
  color: rgb(0, 0, 0);
  background-color:rgb(81, 165, 99);
  background-position-y: center;
  background-position-x: center;
  background-size: 100%;
}
.reasources:hover {
  font-family: 'Times New Roman', Times, serif;
  background-image: url("/assets/img/reaSources/reaReels/PB.gif");
  background-position-y: center;
  background-position-x: center;
  background-size: 110%;
}
.strategies:hover {
  font-family: 'Times New Roman', Times, serif;
  color: black;
  background-color: white;
}
/*Specialized menu item*/
/*Typing animation on scripts link*/
.scripts.link {
    display: inline-block;
    font-family: 'IBM VGA 9x16';
    min-width: 90px;;
}
.scripts-link:hover {
    font-family: 'IBM VGA 9x16';
    background-color: black;
}
.scripts-link span {
    font-family: inherit;
}
.cursor {
    display: inline-block;
    width: 10px;
    animation: blink 0.7s step-start infinite;
    color: white;
}
@keyframes blink {
    50% { opacity: 0;}
}
.bracket {
    color: rgb(0, 202, 44);
}