@font-face{
            font-family: typewriter; 
            src: url(fonts/jmh_typewriter/JMH\ Typewriter.ttf);
        }
.blog-nav{
            margin-bottom: 5em; 
            display: inline-block;
        }
        .blog-nav-top{
            display: inline-block;
            margin-top: 1em;
            margin-bottom: 1em;
        }

        #index-image{
             border: 20px solid transparent;
            border-image: url('images/whitelace.png') 34 round;
            background-clip: padding-box;
            width:500px;
        }

      a{outline: none;}


        nav button{
            margin: 1em;
             width: 150px;
            background-color: black;
           padding: 0.5em 1em;
           /* border: 0.2em solid darkolivegreen;*/
            color: brown;
            cursor: pointer;
            font-family: typewriter;
            font-size: 1.1em;
            font-weight: bold;
            text-align: center;
        }
        nav button:hover{
           color: rgb(232, 47, 47);
        }
        .welcome-message{
            color: darkolivegreen;
             font-family: typewriter;
                font-size: 0.8em;
        }
        body{
            font-family: typewritor;
            background-color: black;
            text-align: center;
        }




.dropbtn-container{
    object-fit: contain;
    width: 200px;
     background-color: #ff91af;
    padding: 0px;
   border: none;
    color: brown;
    font-family: typewriter;
    font-size: 1.1em;
    /*border: 0.2em solid darkolivegreen;*/
    padding: 0.5em 1em;
    font-weight: bold;
    border: 20px solid transparent;
    border-image: url('images/whitelace.png') 34 round;
         background-clip: padding-box;
}
.dropbtn-container:hover{
   color: rgb(232, 47, 47);
}
.dropbtn {

     color: brown;
         font-size: 1.1em;
}


.dropdown {
  position: relative;
  display: inline-block;
}


.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
    width: 200px;
  z-index: 1;
  background: none;
}


.dropdown-content a {
 
  text-decoration: none;/*
  color: black;
  display: block;
   background: none;*/
  
}


.dropdown-link-button{
    width: 200px;
    background-color: black;
    padding: 1em 1em;
    
    color: brown;
    cursor: pointer;
    font-family: typewriter;
    font-size:0.9em;
    font-weight: bold;
    
    margin-top: 0.5em;
}
.dropdown-link-button:hover{
  color: rgb(232, 47, 47);
}



/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}