style.css

html {
  position: relative;
  min-height: 100%;
}
body {
text-align: center;
background-color: #fff; 
background-image: url("images/clear_sky.jpg");
background-size:     cover;                      
background-repeat:   no-repeat;
/*background-image: 
linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
linear-gradient(#eee .1em, transparent .1em);
background-size: 100% 1.2em; */
margin-bottom: 60px;
color: #fff;
font-family: 'Bellefair', serif;
}
.square {
  padding: 10px;
  background-color: rgba(44,62,80,1);
  /*background-color: rgba(192,192,192,0.15);*/
  border-radius: 15px;
  box-shadow: -10px 10px 20px rgba(100,100,100,.8);
  margin-bottom: 20px;
}
.footer {
  position: absolute;
  padding-top: 10px;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: auto;
  background: rgba(0, 0, 0, 0.9);
  margin-top: 20px;
  /*background-color: #f5f5f5; */
}
.navbar {
	background: rgba(0, 0, 0, 0.9);
}
.btn {
	width: 50%;
}
.test{
	font-size: 2.5em;
	font-family: 'Bellefair', serif;
}