@font-face{
	font-family: albertusMe;
	src: url(albertusmed.ttf);
}

.navbar {
    margin-bottom: 0;
	width:100% !important;
	padding: 0 5%;
    border: 0;
    font-size: 11px !important;
    letter-spacing: 4px;
    opacity:0.7 !important;
	background-color: #3b033b !important;
	
}

.navbar li a, .navbar .navbar-brand { 
    color: yellow !important;
	background-color: transparent !important;
}

/* On hover, the links will turn purple */
.navbar-nav li a:hover {
    color: purple !important;
	background-color:yellow !important;
}

/* The active link */
.navbar-nav li.active a {
    color: purple !important;
}

/* Remove border color from the collapsible button */
.navbar-default .navbar-toggle {
    border-color: transparent;
}

body{
	background-image: url("Background.png") !important;
	background-repeat: repeat;
	background-color: #cccccc;
	padding: 2%;
	text-align: center;
	font-family: albertusMe !important;
}

td{
	padding: 2%;
}

p{
	color:yellow;
}

h1{
	color:yellow !important;
	text-align: center;
}

h2{
	color:yellow !important;
	text-align: center;
}

h3{
	color:yellow !important;
	text-align: center;
}

a{
	color:yellow !important;
}

p#color{
	color:yellow;
}

label{
	color:yellow;
}

.container{
	padding:5%;
}

/* Popup container - can be anything you want */
.popup {
  position: fixed;
  bottom: 0;
  right: 10%;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 5.5%;
  width: 150px;
  font-size: 20pt;
  color: yellow;
  background-color: purple;
  border-color: yellow;
  w3-border: 4%;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 375px;
  background-color: purple;
  color: yellow;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  bottom:0%;
  right: 0;
  margin-left: -80px;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}