html {
background: url(https://data.intuiface.com/KB-Samples/6.6/MobileDrivenDataEntry/FreeFormText/BG_FT.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: "Montserrat", sans-serif;
font-weight: 400;
}
table {
margin: 0 auto;
}
.top {
text-align: center;
}
.top img {
height: 160px;
width: 160px;
}
.title {
background-color: #7C39ED;
padding: 0.5em 0.25em;
font-size: 120%;
font-weight: 700;
text-align: center;
color: white;
margin: 0em 2em 2em 2em;
}
.w-button {
background-color: rgba(255, 255, 255, 0.25);
border: 2px solid #7C39ED;
color: #7C39ED;
font-size: 1.75em;
font-weight: 600;
width: 5em;
height: 2em;
margin: 0.5em;
border-radius: 1em;
}
.question {
display: block;
text-align: center;
margin: 0 4em;
}
.question div {
margin: 0.5em 0;
}
.question .label {
font-weight: 700;
}
.question input {
height: 2em;
text-align: center;
}
.question input, .question textarea {
width: 90%;
border: 2px solid #7C39ED;
border-radius: 1em;
font-family: "Montserrat", sans-serif;
font-size:1em;
padding: 0.5em;
}
.feedback {
display: none;
}
.thx, .chosen {
padding: 0.5em;
margin: 1em;
color: white;
text-align: center;
}
.thx {
background-color: #FFF;
color: #7C39ED;
font-size: 1.75em;
font-weight: 700;
border: 2px solid #7C39ED;
box-shadow: -10px 10px 0px 0px #000;
}
.chosen {
font-size: 1.5em;
font-weight: 400;
font-style: italic;
color: #000;
}
.chosen #questionDisplay {
color: #7C39ED;
font-weight: 700;
font-style: normal;
}