@charset "UTF-8";
/* CSS Document */
/* settings for tags */
html {
  padding: 16px;
  margin-top: 30px;
  height: 1500px; /* Used in this example to enable scrolling */position: relative;
  min-height: 100%; }

body {
  background-color: #FFFFFF;
  margin-bottom: 60px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }

footer {
  position: fixed;
  bottom: 0;
  height: 22px;
  width: 100%;
  background-color: #FFFFFF;
  border-top: 0px solid;
  border-color: #FFFFFF; }

h1 {
  color: #0400CC;
  border-color: #FFFFFF;
  font-size: 4em;
  margin-bottom: 1em; }

.btn {
background-color: #FFFFFF;
  color: #000000;
  border-color: #d35400;
  border: 0px solid; }


  .btn:hover {
    cursor: pointer;
	  transform: scale(1.4);
	  background-color: #FFFFFF;
    border-color: #d35400;
    color: #000000; }

.btn:active {
	transform: scale(1.5);
}

.col-xs-6 {
  margin-bottom: 1em; }

.text {
  color: #d35400; }
  .text a {
    color: #d35400;
    text-decoration: underline; }

.resizable {
  resize: both;
  overflow: scroll;
  border: 0px solid black;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 25%;
}

/* The navigation bar */
.navbar {
  overflow: hidden;
  background-color: #E2E2E1;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
}

/* Links inside the navbar */
.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
}

/* Change background on mouse-over */
.navbar a:hover {
  background: #ddd;
  color: black;
}

/* Main content */
.main {
  margin-top: 30px; /* Add a top margin to avoid content overlay */
}