/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  /*color: black;*/
  font-family: 'momentz';
background-color: #345900;
background-image: url("https://www.transparenttextures.com/patterns/arabesque.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
  font-size:20px;
}

h1 {
   font-family: 'momentz';
   color: #162100;
   font-size: 45px; 
   text-align: center;
  }
  
  h2,h3,h4{ 
    color:#162100;
    text-align: center;
    }

p,ul,li {
     font-family: 'momentz';
     color: #162100;
     font-size: 20px;
     line-height: 1.8;
}

span {
  position: absolute;
  transform: translate(-50%,-50%);
  left: 50%;
  top: 50%;
}

div{
   background-repeat: no-repeat;
}

/* unvisited link */
a:link {
  color: #162100;
}

/* visited link */
a:visited {
  color: gray;
}

/* mouse over link */
a:hover {
  color: white;
}

/* selected link */
a:active {
  color: #162100;
}

.blinker {
    animation:blinking 1s infinite;
}
@keyframes blinking {
0%{                      color: #162100;       }
50%{    color: transparent;        }
100%{  color: #162100;     }
}

/*for scrollbar for the other pages*/
        /* Designing for scroll-bar */
        ::-webkit-scrollbar {
            width: 10px;
  
        }
     
        /* Track */
        ::-webkit-scrollbar-track {
            border: 3px solid #162100;

        }
     
        /* Handle */
        ::-webkit-scrollbar-thumb {
            background: #162100;

        }
     
        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
            background: #162100;
        }
        
        /* Add background color to the top navigation */
.topnav {
  background-color: transparent;
  border:10px solid #162100;
  overflow: hidden;
  width:auto;
  min-height: 30px;
  margin: 0 auto;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 7px 16px;
  text-decoration: none;
  font-size: 15px
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #162100;
  color: white;
}



  /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 1280px) {
 .decor {
 display: none;
    }
    
 .stamp {
    width: auto;          /* Set the width */ 
    height: 10px; 
 }
}

/*This will hide the image with class ekis if the screen width is less than 600px.*/
@media (max-width: 600px) {
  .ekis {
    display: none;
  }
}