styles.css

/* pacifico-regular - latin */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: url('pacifico-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Pacifico Regular'), local('Pacifico-Regular'),
       url('pacifico-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('pacifico-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('pacifico-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('pacifico-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('pacifico-v12-latin-regular.svg#Pacifico') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* background setup */
h3 a, h3 a:active, h3 a:visited {
	color: white;
}

.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
}

/* fullscreen setup */
html, body {
    /* give this to all tags from html to .fullscreen */
    height:100%;
}

h1 {
font-family: 'Pacifico', cursive;
} 

h2, h3, h4, h5, h6 {
font-family: 'Roboto Condensed', sans-serif;
}

.fullscreen,
.content-a {
    width:100%;
    height:100%;
    height:auto;
    min-height:100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* content centering styles */
.content-a {
    display:table;
}
.content-b {
	display:table-cell;
    position:relative;
	vertical-align:middle;
	text-align:center;
}

/* visual styles */
body{
    margin:0;
font-family: 'Roboto', sans-serif;

	color:#ffffff;
}
section {
	background-color:#5a3aa0;
}
.not-fullscreen {
    height:50%;
}

.txtbox {
 background-color: white;
 color: black;
 opacity: 0.84;
}
.txtbox p {
  font-weight: bold;
}