* {
box-sizing: border-box;
padding: 0;margin: 0;
}
/* Create two equal columns that floats next to each other */
.column {
float: left;
width: 50%;
padding: 10px;
}
/* Clear floats after the columns */
.row:after {
content: “”;
display: table;
clear: both;
}
/* Style the buttons */
.btn {
border: none;
outline: none;
padding: 12px 16px;
background-color: #f1f1f1;
cursor: pointer;
}
.btn:hover {
background-color: #ddd;
}
.btn.active {
background-color: #666;
color: white;
}
.ques {
font-size: 20px;
}
.ans {
font-size: 16px;
color: white;
background: #ff5733;
width: 45%;
text-align: center;
padding-top: 9px;
padding-bottom: 9px;
}
@media only screen and (max-width: 768px) {
/* For mobile phones: */
[class*=”col-“] {
width: 100%;
}
}
* {
box-sizing: border-box;
padding: 0;margin: 0;
}
/* Create two equal columns that floats next to each other */
.column {
float: left;
width: 50%;
padding: 10px;
}
/* Clear floats after the columns */
.row:after {
content: “”;
display: table;
clear: both;
}
/* Style the buttons */
.btn {
border: none;
outline: none;
padding: 12px 16px;
background-color: #f1f1f1;
cursor: pointer;
}
.btn:hover {
background-color: #ddd;
}
.btn.active {
background-color: #666;
color: white;
}
.ques {
font-size: 20px;
}
.ans {
font-size: 16px;
color: white;
background: #ff5733;
width: 45%;
text-align: center;
padding-top: 9px;
padding-bottom: 9px;
}
@media only screen and (max-width: 768px) {
/* For mobile phones: */
[class*=”col-“] {
width: 100%;
}
}
* {
box-sizing: border-box;
padding: 0;margin: 0;
}
/* Create two equal columns that floats next to each other */
.column {
float: left;
width: 50%;
padding: 10px;
}
/* Clear floats after the columns */
.row:after {
content: “”;
display: table;
clear: both;
}
/* Style the buttons */
.btn {
border: none;
outline: none;
padding: 12px 16px;
background-color: #f1f1f1;
cursor: pointer;
}
.btn:hover {
background-color: #ddd;
}
.btn.active {
background-color: #666;
color: white;
}
.ques {
font-size: 20px;
}
.ans {
font-size: 16px;
color: white;
background: #ff5733;
width: 45%;
text-align: center;
padding-top: 9px;
padding-bottom: 9px;
}
@media only screen and (max-width: 768px) {
/* For mobile phones: */
[class*=”col-“] {
width: 100%;
}
}
* {
box-sizing: border-box;
padding: 0;margin: 0;
}
/* Create two equal columns that floats next to each other */
.column {
float: left;
width: 50%;
padding: 10px;
}
/* Clear floats after the columns */
.row:after {
content: “”;
display: table;
clear: both;
}
/* Style the buttons */
.btn {
border: none;
outline: none;
padding: 12px 16px;
background-color: #f1f1f1;
cursor: pointer;
}
.btn:hover {
background-color: #ddd;
}
.btn.active {
background-color: #666;
color: white;
}
.ques {
font-size: 20px;
}
.ans {
font-size: 16px;
color: white;
background: #ff5733;
width: 45%;
text-align: center;
padding-top: 9px;
padding-bottom: 9px;
}
@media only screen and (max-width: 768px) {
/* For mobile phones: */
[class*=”col-“] {
width: 100%;
}
}
* {
box-sizing: border-box;
padding: 0;margin: 0;
}
/* Create two equal columns that floats next to each other */
.column {
float: left;
width: 50%;
padding: 10px;
}
/* Clear floats after the columns */
.row:after {
content: “”;
display: table;
clear: both;
}
/* Style the buttons */
.btn {
border: none;
outline: none;
padding: 12px 16px;
background-color: #f1f1f1;
cursor: pointer;
}
.btn:hover {
background-color: #ddd;
}
.btn.active {
background-color: #666;
color: white;
}
.ques {
font-size: 20px;
}
.ans {
font-size: 16px;
color: white;
background: #ff5733;
width: 45%;
text-align: center;
padding-top: 9px;
padding-bottom: 9px;
}
@media only screen and (max-width: 768px) {
/* For mobile phones: */
[class*=”col-“] {
width: 100%;
}
}
* {
box-sizing: border-box;
padding: 0;margin: 0;
}
/* Create two equal columns that floats next to each other */
.column {
float: left;
width: 50%;
padding: 10px;
}
/* Clear floats after the columns */
.row:after {
content: “”;
display: table;
clear: both;
}
/* Style the buttons */
.btn {
border: none;
outline: none;
padding: 12px 16px;
background-color: #f1f1f1;
cursor: pointer;
}
.btn:hover {
background-color: #ddd;
}
.btn.active {
background-color: #666;
color: white;
}
.ques {
font-size: 20px;
}
.ans {
font-size: 16px;
color: white;
background: #ff5733;
width: 45%;
text-align: center;
padding-top: 9px;
padding-bottom: 9px;
}
@media only screen and (max-width: 768px) {
/* For mobile phones: */
[class*=”col-“] {
width: 100%;
}
}
* {
box-sizing: border-box;
padding: 0;margin: 0;
}
/* Create two equal columns that floats next to each other */
.column {
float: left;
width: 50%;
padding: 10px;
}
/* Clear floats after the columns */
.row:after {
content: “”;
display: table;
clear: both;
}
/* Style the buttons */
.btn {
border: none;
outline: none;
padding: 12px 16px;
background-color: #f1f1f1;
cursor: pointer;
}
.btn:hover {
background-color: #ddd;
}
.btn.active {
background-color: #666;
color: white;
}
.ques {
font-size: 20px;
}
.ans {
font-size: 16px;
color: white;
background: #ff5733;
width: 45%;
text-align: center;
padding-top: 9px;
padding-bottom: 9px;
}
@media only screen and (max-width: 768px) {
/* For mobile phones: */
[class*=”col-“] {
width: 100%;
}
}
* {
box-sizing: border-box;
padding: 0;margin: 0;
}
/* Create two equal columns that floats next to each other */
.column {
float: left;
width: 50%;
padding: 10px;
}
/* Clear floats after the columns */
.row:after {
content: “”;
display: table;
clear: both;
}
/* Style the buttons */
.btn {
border: none;
outline: none;
padding: 12px 16px;
background-color: #f1f1f1;
cursor: pointer;
}
.btn:hover {
background-color: #ddd;
}
.btn.active {
background-color: #666;
color: white;
}
.ques {
font-size: 20px;
}
.ans {
font-size: 16px;
color: white;
background: #ff5733;
width: 45%;
text-align: center;
padding-top: 9px;
padding-bottom: 9px;
}
@media only screen and (max-width: 768px) {
/* For mobile phones: */
[class*=”col-“] {
width: 100%;
}
}
* {
box-sizing: border-box;
padding: 0;margin: 0;
}
/* Create two equal columns that floats next to each other */
.column {
float: left;
width: 50%;
padding: 10px;
}
/* Clear floats after the columns */
.row:after {
content: “”;
display: table;
clear: both;
}
/* Style the buttons */
.btn {
border: none;
outline: none;
padding: 12px 16px;
background-color: #f1f1f1;
cursor: pointer;
}
.btn:hover {
background-color: #ddd;
}
.btn.active {
background-color: #666;
color: white;
}
.ques {
font-size: 20px;
}
.ans {
font-size: 16px;
color: white;
background: #ff5733;
width: 45%;
text-align: center;
padding-top: 9px;
padding-bottom: 9px;
}
@media only screen and (max-width: 768px) {
/* For mobile phones: */
[class*=”col-“] {
width: 100%;
}
}
* {
box-sizing: border-box;
padding: 0;margin: 0;
}
/* Create two equal columns that floats next to each other */
.column {
float: left;
width: 50%;
padding: 10px;
}
/* Clear floats after the columns */
.row:after {
content: “”;
display: table;
clear: both;
}
/* Style the buttons */
.btn {
border: none;
outline: none;
padding: 12px 16px;
background-color: #f1f1f1;
cursor: pointer;
}
.btn:hover {
background-color: #ddd;
}
.btn.active {
background-color: #666;
color: white;
}
.ques {
font-size: 20px;
}
.ans {
font-size: 16px;
color: white;
background: #ff5733;
width: 45%;
text-align: center;
padding-top: 9px;
padding-bottom: 9px;
}
@media only screen and (max-width: 768px) {
/* For mobile phones: */
[class*=”col-“] {
width: 100%;
}
}
* {
box-sizing: border-box;
padding: 0;margin: 0;
}
/* Create two equal columns that floats next to each other */
.column {
float: left;
width: 50%;
padding: 10px;
}
/* Clear floats after the columns */
.row:after {
content: “”;
display: table;
clear: both;
}
/* Style the buttons */
.btn {
border: none;
outline: none;
padding: 12px 16px;
background-color: #f1f1f1;
cursor: pointer;
}
.btn:hover {
background-color: #ddd;
}
.btn.active {
background-color: #666;
color: white;
}
.ques {
font-size: 20px;
}
.ans {
font-size: 16px;
color: white;
background: #ff5733;
width: 45%;
text-align: center;
padding-top: 9px;
padding-bottom: 9px;
}
@media only screen and (max-width: 768px) {
/* For mobile phones: */
[class*=”col-“] {
width: 100%;
}
}
* {
box-sizing: border-box;
padding: 0;margin: 0;
}
/* Create two equal columns that floats next to each other */
.column {
float: left;
width: 50%;
padding: 10px;
}
/* Clear floats after the columns */
.row:after {
content: “”;
display: table;
clear: both;
}
/* Style the buttons */
.btn {
border: none;
outline: none;
padding: 12px 16px;
background-color: #f1f1f1;
cursor: pointer;
}
.btn:hover {
background-color: #ddd;
}
.btn.active {
background-color: #666;
color: white;
}
.ques {
font-size: 20px;
}
.ans {
font-size: 16px;
color: white;
background: #ff5733;
width: 45%;
text-align: center;
padding-top: 9px;
padding-bottom: 9px;
}
@media only screen and (max-width: 768px) {
/* For mobile phones: */
[class*=”col-“] {
width: 100%;
}
}