Questionnaire-of-the-Facebo.../public/styles.css

134 lines
1.8 KiB
CSS

body {
text-align: center;
}
h1 {
font-family: "Helvetica ", sans-serif;
font-size: 3rem;
color: rgb(45, 43, 170);
}
h2{
font-size: 2rem;
}
p{
font-size : 1rem;
}
.browser {
padding-left: 10px;
}
.survey_body {
/* background-color: #53dfe4; */
/* margin: 20px;
padding-top: 40px;
padding-bottom: 40px; */
}
.form-control-1 {
padding-right: 43%;
text-align: right;
margin: 10px 0px;
font-size: 20px;
}
.texto {
text-align: center;
padding-left: 35px;
}
.two {
text-align: center;
font-size: 20px;
padding-left: 10px;
}
.box {
text-align: center;
font-size: 20px;
padding-bottom: 30px;
padding-left: 10px;
}
.btn-control {
padding-bottom: 20px;
padding-left: 40%;
text-align: left;
font-size: 20px;
}
.questions {
padding-top: 20px;
}
.fb {
width: 10%;
height: auto;
}
/* .footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 40px;
background-color: rgb(87, 139, 216);
color: rgb(255, 255, 255);
text-align: center;
} */
.button {
background-color: rgb(87, 139, 216);
border-color: transparent;
margin: 0 auto;
color: #ffffff;
font-size: 20px;
}
.button:hover {
background-color: rgb(103, 163, 253);
color: #ffffff;
border-color: transparent;
}
.btnClass {
text-align: center;
}
/* Shared classes */
.questions{
margin: 4% 3%;
}
/* Title section */
#title {
background-color: #F4C983;
padding : 3% 7%;
}
/* Form Section */
#form {
padding: 3% 7%;
text-align: center;
/* background-color: #5B6D5B; */
/* #F4C983; */
}
.SurveyIntro{
margin: 3%;
}
.userInfo{
margin: 2.5%;
}
.surveryForm {
/* #DDDDDD; */
/* background-color: #5B6D5B; */
}
/* Footer section */
#footer {
padding: 3% 4%;
background-color: #F4C983;
text-align: center;
}