@font-face {
    font-family: 'Tahu'; /*a name to be used later*/
    src: url('Tahu.ttf') , url('Tahu.eot'); /*URL to font*/
}	






#viz {


padding: 20px;
	
	    display: flex;
    justify-content: center;
	
	
	
}



#flexthemes {
display:flex;
flex-wrap: wrap;
	justify-content: space-around;
	
	
}



#menu {
	width: 80vw;
    height:70vw;
    background: rgba(240, 240, 240, 0.95);
	position:fixed;
	top:10vh;
	left:10vw;
	padding-bottom:5vh;
}


    #close_menu {
      position: fixed;
      right: 12vw;
      top: 12vh;
  
    
      cursor: pointer;
    }



.menu-themes {

width:5cm;
margin:1vw;
}



i {
color:#999;	
	
	
}


i:hover{
color:#212121;	
	
	
}


.stickyMenu {
	font-size: 20vw;
}













  hr {
	  margin:5px !important;
	  
  }

  
  
  
  
  
  .tweet-button {
	 
    display: inline-block;
    width: 100%;
    height: 21px;
    background-image: url(http://platform.twitter.com/widgets/images/tweet.dfbf1dd98bad9f5b5addd80494650dca.png);
    background-position: 0 0;
  }
  .tweet-button:hover {
    background-position: 0 -21px;
  }




input {


}

	
	input , button , i{
  
  margin:5px !important;

}

textarea {
  
max-width:155px;
 margin:5px !important;
  
}

.fa-trash {
color:#1f5e7d;

}

.navbar-brand, .span3 {
    font-family: Pacifico;
}

   #note {
        position: absolute;
        z-index: 6001;
        top: 0;
        left: 0;
        right: 0;
        background: #fde073;
		opacity:0.8 ; 
        text-align: center;
        line-height: 2.5;
        overflow: hidden; 
        -webkit-box-shadow: 0 0 5px black;
        -moz-box-shadow:    0 0 5px black;
        box-shadow:         0 0 5px black;
		height:50px;
    }
    .cssanimations.csstransforms #note {
        -webkit-transform: translateY(-50px);
        -webkit-animation: slideDown 2.5s 1.0s 1 ease forwards;
        -moz-transform:    translateY(-50px);
        -moz-animation:    slideDown 2.5s 1.0s 1 ease forwards;
    }

    #close {
      position: absolute;
      right: 10px;
      top: 9px;
  
     
      height: 16px;
      width: 16px;
      cursor: pointer;
    }
    .cssanimations.csstransforms #close {
      display: none;
    }
    
    @-webkit-keyframes slideDown {
        0%, 100% { -webkit-transform: translateY(-50px); }
        10%, 90% { -webkit-transform: translateY(0px); }
    }
    @-moz-keyframes slideDown {
        0%, 100% { -moz-transform: translateY(-50px); }
        10%, 90% { -moz-transform: translateY(0px); }
    }

	@media print {

@page { size: auto;  margin: 0mm; }


	
	    .no-print 
    {
        display: none !important;
    }
	
	
	

}


	#data {
	
	text-align:center
	max-height:400px !important;
	}
	
.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.dlt{
background: #e91e63;
}
	
	
	
	
	
	.font_name {
		
		border-radius: 4px;
		background: #f2f6fc;
		padding: 2px;
		font-size:16px;
		color:black;
		cursor: pointer;
		margin:2px;
		font-family:Rajdhani;

		
	}
	
	
		
		

	
	
	.font-options {
		
		border-radius: 4px;background: #f2f6fc;padding: 2px;font-size:16px;color:black;cursor: pointer;margin:2px;
	}
	
	
	
	
	/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}



.themes {
	
	border-style:solid;
	border-width:thin;
	border-color:#e8e7e7;
width:100px;
height:100px;
	
}


.sp-replacer {
	margin-left:2vw;
	
}


.help {
	
	font-family:arial, 'Open Sans Condensed';
	margin:5vw;
	font-size:22px;
	
}