styleQuestions.css

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
body{
  text-align: center;
  position: relative;
  margin-top: 200px;
}
h1{
  font-family: "Oxygen";
  position: relative;
}
div label { /*customizes label text in all questions */
  display: inline-flex;
  padding: 7px;
  font-family: "Raleway";
  font-size: 120%;
  color: #79b7c7;
  position: relative;
}
div{
  color: #79b7c7;
  -webkit-animation: fadein 2s;
  -moz-animation: fadein 2s;
  -ms-animation: fadein 2s;
  -o-animation: fadein 2s;
  animation: fadein 2s;
}

.button1 { /*label buttons*/
  background-color: white;
  border: none;
  display: inline-flex;
  width: 500px;
  vertical-align: middle;
}
.submit { /*submit button*/
  margin: 20px;
  margin-right: 470px;
  background-color: #79b7c7;
  color: white;
  border: 5px solid #79b7c7;
  font-size: 100%;
  font-family: "Raleway";
  font-weight: bold;
  border-radius: 4px;
}
.mcQ1 label:hover{ /*puts gray behind text when hovered*/
  background-color: #F5F5F5;
}
.rectangle{
  width: 300px;
  height: 100px;
  border-radius: 5px;
  background: #EDFDFF;
  position: absolute;
  margin-left: 450px;
  transform: rotate(10deg);
}
input[type=radio]{
  position:relative;
}

/*dropdown css*/
.ddQ1{
  display: none;
}
#question {
  font-size: 100%;
  color: #79b7c7;
  font-family: "Raleway";
  border: 1px solid #79b7c7;
  margin-right: 51px;
  cursor: pointer;
}
.submitDD { /*submit button*/
  background-color: #79b7c7;
  color: white;
  border: 5px solid #79b7c7;
  font-size: 100%;
  font-family: "Raleway";
  font-weight: bold;
  border-radius: 4px;
  margin-top:50px;
  margin-left: -285px;
  position: absolute;
}

/*table css*/
.cal{
  display: none;
}
#head{
  margin-top: -170px;
}
table{
  border-collapse: collapse;
  width: 100%;
}
td, th {
  border: 1px solid #dddddd;
  text-align: center;
  padding: 5px;
}
th{
  width: 14.285714287%;
}
input{
  border: 1px solid #dddddd;
  position: absolute;
  margin: 0px;
}
span{
  position: relative;
  left: -100px;
}
ul{
  margin-left: 0px;
  list-style-type: none;
}
#option{
  font-size: 55%;
  position: relative;
  cursor: pointer;
  margin-left: 15px;
  padding-top: 5px;
  border: .5px solid #dddddd;
  font-family: "Raleway";
  margin-bottom: -50px;
  margin-top: -50px;
}
.text:hover + .option{
  visibility: hidden;
}
.text:focus {
  width: 100px;
  padding: 0px;
  margin-left: 20px;
}
.text{
  visibility: visible;
}
.option{
  visibility: hidden;
}