/*@font-face {
    font-family: 'NunitoSans-Bold';
    src: url('NunitoSans-Bold.ttf') format('truetype'), url('NunitoSans-Regular.ttf') format('truetype');
}*/

@font-face {
    font-family: 'AnekTamil';
    src:  url('AnekTamil-Regular.ttf') format('truetype');
}

@font-face {
    font-family:'AnekTamil-Bold';
    src: url('AnekTamil-Bold.ttf') format('truetype') ;
}

html {
    font-size: 14px; 
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    font-family: 'AnekTamil' !important;
}

.site-title {

    font-family: "AnekTamil-Bold";
    font-size: 2em;
    font-stretch: extra-expanded;
    color: #239260;
    letter-spacing: 5px;
    text-shadow: 0px 0px 0 rgb(23,134,84), 1px 0px 0 rgb(10,121,71), 2px 0px 0 rgb(-2,109,59), 3px 0px 0 rgb(-15,96,46), 4px 0px 0 rgb(-27,84,34), 5px 0px 4px rgba(0,0,0,0.59), 5px 0px 1px rgba(0,0,0,0.5), 0px 0px 4px rgba(0,0,0,.2);
}

nav {
    background-color: #712cf9 !important;
}

.speak-tamil {
    cursor: grab;
}

.header-title {
    font-family: "AnekTamil-Bold";
    color:#ffffff !important;
    margin-left:1em;
}

.related-words-header {
    color: #712cf9;
}


.related-words {
    cursor: grab; 
    padding:5px;
} 


.related-words:hover {
    color: #712cf9;
    Background:#eeeeee;
    border-radius:5px;
}

.loadingicon-show{
    display:block !important;
}

.loadingicon-hide {
    display: none !important;
}