Majoritatea americanilor privesc viitorul condus de tehnologie cu un sentiment de speranță.
Pur și simplu nu vor să locuiască acolo.
Această perspectivă paradoxală - viitoarea tehnologie sună minunat, dar nu este pentru mine - este o constatare majoră dintr-un nou sondaj exclusiv național realizat de Smithsonian și Pew Research Center. Sondajul de opinie a implicat 1.001 de persoane intervievate în februarie de către telefonul fix sau telefonul mobil.
Aproape 60 la sută dintre respondenți au spus că tehnologia va îmbunătăți viața în viitor - aproximativ de două ori mai mult decât cei care au spus că va înrăutăți lucrurile. Dar mașini fără șofer? Carne de laborator? Implanturi cerebrale doar pentru a deveni mai inteligente sau pentru a îmbunătăți memoria? Nu multumesc.
html, body, div, span, img {margin: 0; padding: 0; border: 0; font-size: 100%; font: mostenire; vertical-align: baseline} body {lățime: 100%; margin: 0 auto ; line-height: 1; font-family: "Open Sans", "Bureau Grot Cond Book", sans-serif} .blue-text {color: # 009ee2} .purple-text {color: # 69306c} textarea {width : 90%; înălțime: 290px; culoare: # 009ee2; dimensiune font: 20px; dimensiune font: 2rem; greutate font: 700; graniță: niciunul! Important; contur: niciunul; -moz-box-shadow: niciunul; -webkit-box-shadow: niciunul; -o-box-shadow: none; box-shadow: none; margine: 5% 5% 0 5%; redimensionare: none} buton {lățime: 120px; înălțime: 50px; fundal: # 009ee2; culoare: #FFFFFF; dimensiune font: 15px; dimensiune font: 1, 5rem; greutate font: 700; aliniere text: centru; text-transformare: majuscule; float: dreapta; marjă: 0 5% 0 0 } buton: hover {cursor: pointer} .highlighted-text {color: # 009ee2; text-transform: majuscule; margine: 0 5px 0 0} .ie-chart-image {display: none; margin: 30px auto} .ie -chart-image: hover {cursor: pointer} # quiz-wrapper-one, # quiz-wrapper-two, # quiz-wrapper-three {lățime: 100%; înălțime: 550px; poziție: relativă; chenar: solid 1px # 333; font-family: "Bur eau Grot Cond Book ", sans-serif; margin: 20px auto 50px auto; overflow: hidden} @media only screen and (max-width: 950px) and (min-width: 816px), only screen and (max-width: 650px) {# quiz-wrapper-one, # quiz-wrapper-two, # quiz-wrapper-three {înălțime: 650px}} @ ecran doar pe media și (lățime maximă: 500px) {# quiz-wrapper-one, # quiz-wrapper-two, # quiz-wrapper-three {înălțime: 550px}} ecran @ numai media și (lățime maximă: 400px) {# quiz-wrapper-one, # quiz-wrapper-two, # quiz-wrapper- three {înălțime: 600px; border: none}} # quiz-wrapper-one .question, # quiz-wrapper-two .question, # quiz-wrapper-three .question {lățime: 100%; înălțime: 100%; poziție: relative; display: none} # quiz-wrapper-one .question .question-text, # quiz-wrapper-two .question .question-text, # quiz-wrapper-three .question .question-text {width: 100%; culoare: #FFFFFF; dimensiune font: 20px; dimensiune font: 2rem; greutate font: 700; înălțime linie: 41px; fundal: # 000; căptușire: 10px 30px; afișare: tabelă} @media numai ecran și (max. -width: 500px) {# quiz-wrapper-one .question .question-text, # quiz-wrapper-two .questio n .question-text, # quiz-wrapper-three .question .question-text {font-size: 12px; font-size: 1.2rem; line-înălțime: 27px}} @ media numai pe ecran și (max-lățime: 400px ) {# quiz-wrapper-one .question .question-text, # quiz-wrapper-two .question .question-text, # quiz-wrapper-three .question .question-text {padding: 10px 20px}} # quiz- wrapper-one .question .question-type-two-text, # quiz-wrapper-two .question .question-type-two-text, # quiz-wrapper-three .question .question-type-two-text {font- size: 16px; size-font: 1.6rem; line-height: 35px} @media only screen and (max-width: 500px) {# quiz-wrapper-one .question .question-type-two-text, # quiz- wrapper-two .question .question-type-two-text, # quiz-wrapper-three .question .question-type-two-text {font-size: 12px; font-size: 1.2rem; line-height: 27px} } # quiz-wrapper-one .question .options, # quiz-wrap-two .question .options, # quiz-wrapper-three .question .options {lățime: 35%; înălțime: 100%; căptușire: 50px 0 0 0 ; margine: 0 auto; fundal: # E7E7E7; afișare: inline-bloc} ecran @ @ numai și (max-wid th: 950px) și (minim-lățime: 816px), numai ecran și (lățime maximă: 650px) {# quiz-wrapper-one .question .options, # quiz-wrapper-two .question .options, # quiz-wrapper -three .question .options {lățime: 100%; înălțime: 80px; aliniere text: centru; căptușire: 15px 0 0 0}} ecran @ numai pentru media și (lățime maximă: 500px) {# quiz-wrapper-one. întrebare .options, # quiz-wrapper-two .question .options, # quiz-wrapper-three .question .options {înălțime: 65px}} @ ecran numai pe media și (max-lățime: 400px) {# quiz-wrapper-one .question .options, # quiz-wrapper-two .question .options, # quiz-wrapper-three .question .options {înălțime: 107px}} # quiz-wrapper-one .question .options .quiz-one-option, # quiz-wrapper-two .question .options .quiz-one-option, # quiz-wrapper-three .question .options .quiz-one-option {înălțime: 40px; margin: 0 0 35px 30px} @media doar ecran și ( lățime maximă: 950px) și (lățime min: 816px), numai ecran și (lățime maximă: 650px) {# quiz-wrapper-one .question .opțiuni .quiz-one-option, # quiz-wrapper-two. întrebare .opțiuni .quiz-one-option, # quiz-wrapper -three .question .options .quiz-one-option {margin: 0 0 35px 10px; text-align: left; display: inline-block; vertical-align: top}} @ media only screen and (max-width: 450px ) {# quiz-wrapper-one .question .options .quiz-one-option, # quiz-wrapper-two .question .options .quiz-one-option, # quiz-wrapper-three .question .options .quiz-one -option {margin: 0 0 35px 5px}} ecran @ @ numai media și (lățime maximă: 400px) {# quiz-wrapper-one .question .options .quiz-one-option, # quiz-wrapper-two .question. opțiuni .quiz-one-option, # quiz-wrapper-three .question .options .quiz-one-option {width: 47%; margin: 0 0 0 3%; float: left}} # quiz-wrapper-one. întrebare .opțiuni .quiz-o-opțiune .option-text, # quiz-wrap-two .question .options .quiz-one-option .option-text, # quiz-wrapper-three .question .options .quiz-one- opțiune .option-text {lățime: 115px; culoare: # 222; dimensiune font: 17px; dimensiune font: 1, 7rem; font-greutate: 700; înălțime linie: 30px; text-transform: majuscule; afișare: inline- bloc} ecran doar @media și (lățime maximă: 950px) și (lățime min: 816px), numai ecran și (max-lățime: 650px) {# quiz-wrapper-one .question .options .quiz-one-option .option-text, # quiz-wrapper-two .question .options .quiz-one-option .option- text, # quiz-wrapper-three .question .options .quiz-one-option .option-text {width: 60px; font-size: 14px; font-size: 1.4rem; margin: -4px 0 0 0}} @ ecran numai media și (max-lățime: 500px) {# quiz-wrapper-one .question .options .quiz-one-option .option-text, # quiz-wrapper-two .question .options .quiz-one-option. option-text, # quiz-wrapper-three .question .options .quiz-one-option .option-text {width: 50px; font-size: 11px; size-font: 1.1rem; line-height: 20px; margin: 0; vertical-align: top}} @ @ only media screen and (maximum-width: 450px) {# quiz-wrapper-one .question .options .quiz-one-option .option-text, # quiz-wrapper-two. întrebare .options .quiz-one-option .option-text, # quiz-wrapper-three .question .options .quiz-one-option .option-text {font-size: 10px; font-size: 1rem}} # quiz -wrapper-one .question .options .quiz-one-option .option-button, # quiz-wrapper-two .questio n. opțiuni .quiz-o-opțiune .option-button, # quiz-wrapper-three .question .options .quiz-one-option .option-button {lățime: 25px; înălțime: 25px; margin: 0 10px 0 5px; border: solid 3px # 222; -moz-border-radio: 100%; - webkit-border-raza: 100%; - o-border-raza: 100%; border-raza: 100%; display: inline-block; vertical-align: top} # quiz-wrapper-one .question .options .quiz-one-option .option-button: hover, # quiz-wrapper-two .question .options .quiz-one-option .option-button: hover, # quiz-wrapper-three .question .options .quiz-one-option .option-button: hover {background: # 009ee2; border: solid 3px # 009ee2; cursor: pointer} @media only screen and (max-width) : 950px) și (lățime min: 816px), numai ecran și (lățime maximă: 650px) {# quiz-wrapper-one .question .options .quiz-one-option .option-button, # quiz-wrapper-two .question .options .quiz-one-option .option-button, # quiz-wrapper-three .question .options .quiz-one-option .option-button {width: 20px; înălțime: 20px; margin: 0 4px}} # quiz-wrapper-one .question .answer, # quiz-wrapper-two .q uestion .answer, # quiz-wrapper-three .question .answer {width: 64%; margin: 30px 0 0 0; family-font: "Open sans", sans-serif; display: none; vertical-align: top} @media numai ecran și (lățime maximă: 950px) și (min-lățime: 816px), ecran doar și (lățime maximă: 650px) {# quiz-wrapper-one .question .answer, # quiz-wrapper-two. întrebare .answer, # quiz-wrapper-three .question .answer {width: 100%}} @ doar ecran media și (lățime maximă: 400px) {# quiz-wrapper-one .question .answer, # quiz-wrapper- două .question .answer, # quiz-wrapper-three .question .answer {zoom: 84%}} # quiz-wrapper-one .question .answer .answer-text, # quiz-wrapper-two .question .answer .answer -text, # quiz-wrapper-three .question .answer .answer-text {color: # 222; font-size: 16px; font-size: 1.6rem; font-weight: 700; text-transform: majuscule; margine: 0 auto; afișare: tabelă} ecran doar @media și (lățime maximă: 950px) și (lățime min: 816px), ecran doar și (lățime maximă: 650px) {# quiz-wrapper-one .question .answer. răspuns-text, # quiz-wrapper-two .question .answer .answer-text, # quiz -wrapper-three .question .answer .answer-text {font-size: 15px; font-size: 1.5rem}} # quiz-wrapper-one .question .answer .pie-chart, # quiz-wrapper-two .question .answer .pie-chart, # quiz-wrapper-three .question .answer .pie-chart {lățime: 280px; înălțime: 280px; poziție: relativă; margine: 30px auto} # quiz-wrapper-one .question .answer. pie-chart: hover, # quiz-wrapper-two .question .answer .pie-chart: hover, # quiz-wrapper-three .question .answer .pie-chart: hover {cursor: pointer} @media numai pe ecran și ( lățime max .: 950px) și (min-lățime: 816px), numai ecran și (lățime maximă: 650px) {# quiz-wrapper-one .question .answer .pie-chart, # quiz-wrapper-two .question. răspunde .pie-chart, # quiz-wrapper-three .question .answer .pie-chart {margin: 20px auto}} # quiz-wrapper-one .question .answer .pie-chart .pie-background, # quiz-wrapper -two .question .answer .pie-chart .pie-background, # quiz-wrapper-three .question .answer .pie-chart .pie-background {background-color: # 999; poziție: absolută; lățime: 280px; înălțime : 280 pixeli; -moz-border-radius: 100%; -webkit-border-raza: 100%; - o-border-radio: 100%; border-raza: 100%; - Moz-box-shadow: 0 0 10px # 333; -webkit-box-shadow: 0 0 10px # 333; -o-box-shadow: 0 0 10px # 333; box-shadow: 0 0 10px # 333} # quiz-wrapper-one .question .answer .pie-chart .pie, # quiz-wrapper-two. întrebare .answer .pie-chart .pie, # quiz-wrapper-three .question .answer .pie-chart .pie {poziție: absolut; lățime: 280px; înălțime: 280px; -moz-border-rază: 100%; - webkit-border-radius: 100%; - o-border-radio: 100%; border-ray: 100%; clip: rect (0px, 140px, 280px, 0px)} # quiz-wrapper-one .quest .answer. pie-chart .pie-slice, # quiz-wrapper-two .question .answer .pie-chart .pie-slice, # quiz-wrapper-three .question .answer .pie-chart .pie-slice {poziție: absolut; lățime: 0; înălțime: 0; lățime: 280 pixeli; înălțime: 280 pixeli; -moz-border-radius: 100%; - webkit-border-radius: 100%; - o-border-radius: 100%; border-radius: 100%; clip: rect (0px, 280px, 280px, 140px); - webkit-backface-visible: hidden} # quiz-wrapper-one .question .answer .pie-chart # pie-slice-one, # quiz-wrapper -o întrebare .answer .pie-chart .pie, # quiz-wrapper-two .question .answer .pie-chart # pie-slice-one, # quiz-wrapper-two .question .answer .pie-chart .pie, # quiz- wrapper-three .question .answer .pie-chart # pie-slice-one, # quiz-wrapper-three .question .answer .pie-chart .pie {background: # 009ee2; -webkit-transform: rotate (0deg); -moz-transform: rotate (0deg); - o-transform: rotate (0deg); transform: rotate (0deg)} # quiz-wrapper-one .question .answer .pie-chart .pie-chart-label, # quiz -wrapper-two .question .answer .pie-chart .pie-chart-label, # quiz-wrapper-three .question .answer .pie-chart .pie-chart-label {poziție: absolut; z-index: 4; culoare: #FFFFFF; text-align: center} # quiz-wrapper-one .question .answer .pie-chart # chart-one-slice-one-label, # quiz-wrapper-two .question .answer .pie-chart # chart-one-slice-one-label, # quiz-wrapper-three .question .answer .pie-chart # chart-one-slice-one-label {top: 10px; left: 83px; size-font: 5px; font-size: 0.5rem; line-height: 14px} # quiz-wrapper-one .question .answer .pie-chart # chart-one-slice-one-labe # numărul, # quiz-wrapper-two .question .answer .pie-chart # chart-one-slice-one-label-number, # quiz-wrapper-three .question .answer .pie-chart # chart-one- slice-one-label-number {font-size: 10px; font-size: 1rem; font-weight: 700; line-height: 20px} # quiz-wrapper-one .question .answer .pie-chart # pie-slice -doua, # quiz-wrapper-two .question .answer .pie-chart # pie-slice-two, # quiz-wrapper-three .question .answer .pie-chart # pie-slice-two {background: # 69306c; -webkit-transform: rotate (145deg); - moz-transform: rotate (145deg); - o-transform: rotate (145deg); transform: rotate (145deg)} # quiz-wrapper-one .question .answer .pie- chart # chart-one-slice-two-label, # quiz-wrapper-two .question .answer .pie-chart # chart-one-slice-two-label, # quiz-wrapper-three .question .answer .pie- chart # chart-one-slice-two-label {top: 70px; left: 160px; size-font: 19px; size-font: 1.9rem; line-height: 34px; text-align: left} @media only screen and (lățime maximă: 400px) {# quiz-wrapper-one .question .answer .pie-chart # chart-one-slice-two-label, # quiz-wrapper-tw o .question .answer .pie-chart # chart-one-slice-two-label, # quiz-wrapper-three .question .answer .pie-chart # chart-one-slice-two-label {font-size: 17px ; font-size: 1.7rem}} # quiz-wrapper-one .question .answer .pie-chart # chart-one-slice-two-label-number, # quiz-wrapper-two .question .answer .pie-chart # chart-one-slice-two-label-number, # quiz-wrapper-three .question .answer .pie-chart # chart-one-slice-two-label-number {font-size: 29px; font-size: 2.9rem; font-weight: 700; line-înălțime: 50px} @media doar ecran și (lățime maximă: 400px) {# quiz-wrapper-one .question .answer .pie-chart # chart-one-slice-two -label-number, # quiz-wrapper-two .question .answer .pie-chart # chart-one-slice-two-label-number, # quiz-wrapper-three .question .answer .pie-chart # chart-one -slice-two-label-number {font-size: 27px; font-size: 2.7rem}} # quiz-wrapper-one .question .answer .pie-chart # pie-slice-three, # quiz-wrapper-two .question .answer .pie-chart # pie-slice-three, # quiz-wrapper-three .question .answer .pie-chart # pie-slice-three {backgroun d: # 009ee2; -webkit-transform: rotate (30deg); - moz-transform: rotate (30deg); - o-transform: rotate (30deg); transform: rotate (30deg)} # quiz-wrapper-one .question .answer .pie-chart # chart-one-slice-three-label, # quiz-wrapper-two .question .answer .pie-chart # chart-one-slice-three-label, # quiz-wrapper-three .question .answer .pie-chart # chart-one-slice-three-label {top: 100px; left: 25px; font-size: 14px; font-size: 1.4rem; line-height: 25px; text-align: left} # quiz-wrapper-one .question .answer .pie-chart # chart-one-slice-three-label-number, # quiz-wrapper-two .question .answer .pie-chart # chart-one-slice-three- label-number, # quiz-wrapper-three .question .answer .pie-chart # chart-one-slice-three-label-number {font-size: 24px; size-font: 2, 4rem; font-weight: 700; line-height: 50px} # quiz-wrapper-one # question-1, # quiz-wrapper-two # question-1, # quiz-wrapper-three # question-1 {display: block} # quiz-wrapper-one. stivuite-bar-grafic-etichete, # quiz-wrapper-două. etichetate-bar-grafic-etichete, # quiz-wrapper-three .stacked-bar-graph-labels {latime: 3 50px; margin: 80px auto 0 auto; line-height: 9px} # quiz-wrapper-one. Stacked-bar-graph-labels. Stacked-bar-graph-label, # quiz-wrapper-two .stacked-bar-graph -labels .stacked-bar-graph-label, # quiz-wrapper-three .stacked-bar-graph-labels. stacked-bar-graph-label {font-family: "Open sans", sans-serif; font-size : 5px; dimensiune font: 0, 5rem; afișare: inline-block} # quiz-wrapper-one. Stacked-bar-graph-labels # chart-two-label-one, # quiz-wrapper-two .stacked-bar- graph-labels # chart-two-label-one, # quiz-wrapper-three .stacked-bar-graph-labels # chart-two-label-one {width: 36%; font-weight: 700} # quiz-wrapper -one. etichete-bar-grafic-etichete # diagramă-două-etichetă-două, # chestionare-înveliș-două. etichete-bare-grafic-etichete # diagramă-două-etichete-două, # testare-înveliș-trei. -bar-graph-labels # chart-two-label-two {lățime: 5.5%} # quiz-wrapper-one. stacked-bar-graph-labels # chart-two-label-three, # quiz-wrapper-two. stivuit-bar-grafic-etichete # diagramă-două-etichetă-trei, # -sigur-înveliș-trei. Etichete-bare-bar-grafic-etichete # diagramă-două-etichete-trei {lățime: 22%} # quiz-wrapper- una. etichete-bar-grafic-etichete # diagramă-două-etichetă-patru, # test-ambalaj-două. etichete-bare-grafic-etichete # diagramă-două-etichetă-patru, # test-ambalaj-trei. bar-graph-labels # chart-two-label-four {lățime: 30%; font-greutate: 700} # quiz-wrapper-one. stacked-bar-graph-labels # chart-three-label-one, # quiz -wrapper-two. etichetate-bare-grafic-etichete # diagramă-trei-etichetă-unu, # chestionare-înveliș-trei. etichete-bare-graf-etichete # grafică-trei-etichetă-o {lățime: 26, 5%; font -weight: 700} # quiz-wrapper-one. stacked-bar-graphic-labels # chart-three-label-two, # quiz-wrapper-two .stacked-bar-graph-labels # chart-three-label-two, # quiz-wrapper-three .stacked-bar-graph-labels # chart-three-label-two {width: 5%} # quiz-wrapper-one. stacked-bar-graph-labels # chart-three-label- trei, # quiz-wrapper-two .stacked-bar-graphic-labels # chart-three-label-three, # quiz-wrapper-three .stacked-bar-graph-labels # chart-three-label-three {width: 22%} # quiz-wrapper-one. Stacked-bar-graphic-labels # chart-three-label-four, # quiz-wrapper-two .stacked-bar-graph-labels # chart-three-l abel-four, # quiz-wrapper-three .stacked-bar-graph-labels # chart-three-label-four {lățime: 33%; greutate font: 700} # quiz-wrapper-one. stacked-bar-graph -labels # chart-four-label-one, # quiz-wrapper-two .stacked-bar-graph-labels # chart-four-label-one, # quiz-wrapper-three .stacked-bar-graph-labels #chart -four-label-one {lățime: 25%; font-weight: 700} # quiz-wrapper-one. stacked-bar-graph-labels # chart-four-label-two, # quiz-wrapper-two .stacked- bare-grafic-etichete # chart-four-label-two, # quiz-wrapper-three .stacked-bar-graph-labels # chart-four-label-two {lățime: 5%} # quiz-wrapper-one. stacked -bar-graph-labels # chart-four-label-three, # quiz-wrapper-two .stacked-bar-graph-labels # chart-four-label-three, # quiz-wrapper-three .stacked-bar-graph -labels # chart-four-label-three {width: 22%} # quiz-wrapper-one. stacked-bar-graph-labels # chart-four-label-four, # quiz-wrapper-two .stacked-bar- graph-labels # chart-four-label-four, # quiz-wrapper-three .stacked-bar-graph-labels # chart-four-label-four {latime: 33%; font-weight: 700} # quiz-wrapper - una. etichete-bar-grafic-etichete # diagramă-cinci-etichetă-una, # testare-înveliș-două. etichete-bare-grafic-etichete # diagramă-cinci-etichetă-una, # testare-înveliș-trei. bare-grafic-etichete # chart-five-label-one {lățime: 22%; greutate font: 700} # quiz-wrapper-one. stacked-bar-graph-labels # chart-five-label-two, # quiz -wrapper-two. etichetate-bare-graf-etichete # grafic-five-label-two, # quiz-wrapper-three .stacked-bar-graph-labels # chart-five-label-two {lățime: 9%} # quiz-wrapper-one. stacked-bar-graphic-labels # chart-five-label-three, # quiz-wrapper-two .stacked-bar-graph-labels # chart-five-label-three, # quiz-wrapper- trei etichete .stacked-bar-graph-graph # chart-five-label-three {lățime: 22%} # quiz-wrapper-one. stacked-bar-graph-labels # chart-five-label-four, # quiz-wrapper -two. etichete-bare-grafic-etichete # grafică-cinci-etichetă-patru, # chestionare-înveliș-trei. etichete-bare-grafic-etichete # diagramă-cinci-etichete-patru {lățime: 33%; font-greutate : 700} # quiz-wrapper-one. Stacked-bar-graph, # quiz-wrapper-two .stacked-bar-graph, # quiz-wrapper-three .stacked-bar-graph {width: 0; înălțime: 50px; b ackground: # 69306c; margin: 0 auto; text-align: center; box-shadow: 0 3px 8px # 999} # quiz-wrapper-one. stacked-bar-graph: hover, # quiz-wrapper-two .stacked- bar-graph: hover, # quiz-wrapper-three .stacked-bar-graph: hover {cursor: pointer} # quiz-wrapper-one. stacked-bar-graph. stacked-bar-graph-piece, # quiz-wrapper -două-bar-grafic-stivă-bar-grafic-bucată, # quiz-wrapper-three .stacked-bar-graph. stacked-bar-graph-piece {înălțime: 50px; afișare: inline-block; culoare: #FFFFFF; dimensiune font: 18px; dimensiune font: 1.8rem; greutate font: 700; înălțime linie: 50px} # quiz-wrapper-one. Stacked-bar-graph .chart-piece-percent, # quiz- wrapper-two .stacked-bar-graph .chart-piece-percent, # quiz-wrapper-three .stacked-bar-graph .chart-piece-percent {font-size: 14px; font-size: 1.4rem; font- greutate: 700; aliniere text: stânga; afișare: niciunul} # quiz-wrapper-one. stacked-bar-graph # chart-two-piece-one, # quiz-wrapper-two .stacked-bar-graph # chart- două piese-unu, # quiz-wrap-three .stacked-bar-graph # chart-two-piece-one {width: 37%; background: # 009ee2} # quiz-wrapp er-one. stacked-bar-graph # chart-two-piece-two, # quiz-wrapper-two. stacked-bar-graph # chart-two-piece-two, # quiz-wrapper-three .stacked-bar- grafic # grafic-two-piece-two {width: 5, 5%; background: # 000; color: # 000} # quiz-wrapper-one. stacked-bar-graph # chart-two-piece-three, # quiz-wrapper -two .stacked-bar-graph # chart-two-piece-three, # quiz-wrapper-three .stacked-bar-graph # chart-two-piece-three {width: 4.5%; background: # 999; color: # 999} # quiz-wrapper-one. Stacked-bar-graph # chart-two-piece-four, # quiz-wrapper-two .stacked-bar-graph # chart-two-piece-four, # quiz-wrapper- trei .stacked-bar-graph # chart-two-piece-four {width: 53%; background: # 69306c} # quiz-wrapper-one. stacked-bar-graph # chart-three-piece-one, # quiz- wrapper-two .stacked-bar-graph # chart-three-piece-one, # quiz-wrapper-three .stacked-bar-graph # chart-three-piece-one {width: 28%; background: # 009ee2} # quiz-wrapper-one. stacked-bar-graph # chart-three-piece-two, # quiz-wrapper-two .stacked-bar-graph # chart-three-piece-two, # quiz-wrapper-three .stacked- grafic de bare # chart-three-piece-two {width: 4%; background: # 000; color: # 000} # quiz-wrapper-one. stacked-bar-graph # chart-three-piece-three, # quiz-wrapper- două .stacked-bar-graph # chart-three-piece-three, # quiz-wrapper-three .stacked-bar-graph # chart-three-piece-three {width: 3%; background: # 999; color: # 999} # quiz-wrapper-one. Stacked-bar-graph # chart-three-piece-four, # quiz-wrapper-two .stacked-bar-graph # chart-three-piece-four, # quiz-wrapper-three .stacked-bar-graph # chart-three-piece-four {latime: 65%; background: # 69306c} # quiz-wrapper-one. stacked-bar-graph # chart-four-piece-one, # quiz-wrapper -două. grafice cu bare în stivă # diagramă-patru piese-unu, # quiz-wrapper-three .stacked-bar-graph # chart-four-piece-one {lățime: 26%; background: # 009ee2} #quiz -wrapper-one. stacked-bar-graph # chart-four-piece-two, # quiz-wrapper-two .stacked-bar-graph # chart-four-piece-two, # quiz-wrapper-three .stacked-bar -graf # grafic-four-piece-two {lățime: 5%; fundal: # 000; culoare: # 000} # quiz-wrapper-one. stacked-bar-graph # chart-four-piece-three, # quiz- wrapper-doi .stacked-bar-graph # chart-four-piece-three, # quiz-wrapper-three .stacked-bar-graph # chart-four-piece-three {width: 3%; background: # 999; color: # 999 } # quiz-wrapper-one. stacked-bar-graph # chart-four-piece-four, # quiz-wrapper-two .stacked-bar-graph # chart-four-piece-four, # quiz-wrapper-three. stivuit-bar-grafic # grafic-four-piece-four {latime: 66%; background: # 69306c} # quiz-wrapper-one. stacked-bar-graph # chart-five-piece-one, # quiz-wrapper- două .stacked-bar-graph # chart-five-piece-one, # quiz-wrapper-three .stacked-bar-graph # chart-five-piece-one {width: 22%; background: # 009ee2} # quiz- wrap-one. stacked-bar-graph # chart-five-piece-two, # quiz-wrapper-two .stacked-bar-graph # chart-five-piece-two, # quiz-wrapper-three .stacked-bar- grafic # grafic-five-piece-two {latime: 7, 5%; fundal: # 000; culoare: # 000} # quiz-wrapper-one. stacked-bar-graph # chart-five-piece-three, # quiz-wrapper -two .stacked-bar-graph # chart-five-piece-three, # quiz-wrapper-three .stacked-bar-graph # chart-five-piece-three {latime: 7, 5%; background: # 999; color: # 999 } # quiz-wrapper-one. stacked-bar-graph # chart-five-piece-four, # quiz-wrapper-two .stacked-bar-graph # chart-five-piece-four, # quiz-wrapper-three. stacked-bar-graph # chart-five-piece-four {latime: 63%; background: # 69306c} # quiz-wrapper-one .next-question, # quiz-wrapper-one .previa-question, # quiz-wrapper -two .next-question, # quiz-wrapper-two .previous-question, # quiz-wrapper-three .next-question, # quiz-wrapper-three .previous-question {position: absolut; right: 15px; bottom: 15px; color: # 333; font-size: 10px; font-size: 1rem; family-font: "Open sans", sans-serif; font-weight: 700; text-transform: majuscule; afișare: niciunul} #quiz -wrapper-one .next-question: hover, # quiz-wrapper-one .previous-question: hover, # quiz-wrapper-two .next-question: hover, # quiz-wrapper-two .previous-question: hover, # quiz-wrapper-three .next-question: hover, # quiz-wrapper-three .previous-question: hover {color: # 009ee2; cursor: pointer} # quiz-wrapper-one .previous-question, # quiz-wrapper -două .previous-întrebare, # quiz-wrapper-three .previous-question {left: 20px} Ecran @media și (lățime maximă: 950px) și (lățime min: 816px), ecran doar și (lățime maximă: 650px) {# quiz-wrapper-two {înălțime: 700px}} @ ecran numai pe media și ( max-width: 500px) {# quiz-wrapper-two {înălțime: 650px}} @ ecran numai pentru media și (lățime maximă: 450px) {# quiz-wrapper-two {înălțime: 720px}} # quiz-wrapper-two # quiz-two-question-1 {display: inline-block} # quiz-wrapper-two .quiz-two-question-text {color: #FFFFFF; font-size: 16px; font-size: 1.6rem; font- greutate: 700; înălțime linie: 35px; fundal: # 000; căptușire: 10px 30px} @media numai ecran și (lățime maximă: 1050px) și (lățime min: 816px) {# quiz-wrap-two .quiz- two-question-text {font-size: 15px; font-size: 1.5rem}} @ only media screen and screen (maximum-width: 500px) {# quiz-wrapper-two .quiz-two-question-text {font- dimensiune: 12px; dimensiune font: 1, 2rem; înălțime linie: 27px}} @ ecran numai pe media și (lățime maximă: 400px) {# quiz-wrapper-two .quiz-two-question-text {padding: 10px 20px }} # quiz-wrapper-two .quiz-two-options {lățime: 35%; înălțime: 100%; căptușire: 30px 0 0 15px; fundal: # E7E7E7; afișare: inline-block} @media doar ecran și (max-lățime: 950px) și (min-lățime: 816px), numai ecran și (lățime maximă: 650px) {# quiz-wrapper-two .quiz-two-options {lățime: 100%; înălțime: 90px; umplutură: 0 0 0 10px}} ecran @ @ numai pentru media și (lățime maximă: 450px) {# quiz-wrapper-two .quiz-two-options {înălțime: 130px}} @ ecran numai pentru media și lățime maximă : 400px) {# quiz-wrapper-two .quiz-two-options {padding: 0 0 0 8px}} @ ecran numai pentru media și (lățime maximă: 950px) și (min-lățime: 816px), doar ecran și ( max-width: 650px) {# quiz-wrapper-two .quiz-two-options .quiz-option {display: inline-block; margin: 12px 0 0 0}} @ media only screen and (max-width: 450px) {# quiz-wrapper-two .quiz-two-options .quiz-option {width: 175px}} @ @ only media screen and (max-width: 400px) {# quiz-wrapper-two .quiz-two-options .quiz -option {width: 130px}} # quiz-wrapper-two .quiz-two-options .quiz-two-option-text {înălțime: 25px; culoare: # 222; font-size: 12px; font-size: 1.1rem ; font-greutate: 700; transformare text: cu majuscule; marjă: 0 0 35px 0; afișare: bloc linie} ecran @media numai și (lățime maximă: 1050px) și (min-lățime: 816px) {# quiz-wrapper-two .quiz-two-options .quiz-two-option-text {font-size: 10.5px; size-font: 1.05rem}} @ media numai pe ecran și ( lățime maximă: 950px) și (min-lățime: 816px), numai ecran și (lățime maximă: 650px) {# quiz-wrapper-two .quiz-two-options .quiz-two-option-text {font-size : 10px; dimensiune font: 1rem; margine: 0 15px 0 0}} @ ecran numai pe media și (lățime maximă: 400px) {# quiz-wrapper-two .quiz-two-options .quiz-two-option-text {font-size: 7.5px; size-font: 0.75rem; margin: 0 5px 0 0}} # quiz-wrapper-two .quiz-two-options .quiz-two-option-button {lățime: 25px; înălțime: 25px; culoare: # 222; marjă: -5px 8px 0 5px; chenar: solid 3px # 222; -moz-border-rază: 100%; - webkit-border-rază: 100%; - o-border-radio: 100 %; border-raza: 100%; afișare: inline-block; vertical-align: middle} # quiz-wrapper-two .quiz-two-options .quiz-two-option-button: hover {background: # 009ee2; border : solid 3px # 009ee2; cursor: pointer} @media doar ecran și (lățime maximă: 950px) și (lățime min: 816px), ecran doar și (lățime maximă: 650px) {# quiz-wrapper-two .quiz -Două -options .quiz-buton cu două opțiuni {lățime: 22px; înălțime: 22px; marjă: -3px 0 0 0}} ecran @ doar pentru media și (lățime maximă: 400px) {# quiz-wrapper-two. two-options .quiz-two-option-button {margin: 0}} # quiz-wrapper-two .quiz-two-answer {width: 60%! important; margin: 20px 0 0 1%! important} @media only ecran și (max-lățime: 1050px) și (min-lățime: 816px) {# quiz-wrapper-two .quiz-two-answer {margine: 10px 0 0 1%! important}} @ ecran doar pentru media și (max- lățime: 950px) și (min-lățime: 816px), numai ecran și (lățime maximă: 650px) {# quiz-wrapper-two .quiz-two-answer {lățime: 100%! important; umplere: 20px 0 0 0 ! important}} ecran @ doar media și (lățime maximă: 550px) {# quiz-wrapper-two .quiz-two-answer {margin: 0! important}} # quiz-wrapper-two .quiz-two-answer # test-doi-chart one-pie-felie one {background: # 009ee2; -webkit-transformatei: rotate (0); - Moz-transformata: rotate (0); - o-transformata: rotate (0); transforma : rotate (0); z-index: 1} # quiz-wrapper-two .quiz-two-answer # quiz-two-chart-one-pie-slice-two {background: # 4AC0EE; -webkit-transform: rotate (5 deg); - moz-transform: rotate (5deg); - o-transform: rotate (5deg); transform: rotate (5deg); z-index: 2} # quiz-wrapper-two .quiz-two-answer #quiz -Două-chart-doi slice-doi-label {top: 60 pixeli lungine: 163px; culoare: #FFFFFF; font-size: 25px; font-size: 2.5rem; font-greutate: 700; text-align: center ; text-shadow: 0 0 2px # 666; -webkit-font-smoothing: antialiased} # quiz-wrapper-two .quiz-two-answer # quiz-two-chart-one-pie-slice-three {background: # AAE0FA; -webkit-transform: rotate (88deg); - Moz-transformata: rotate (88deg); - o-transformata: rotate (88deg); transformata: rotate (88deg); z-index: 3} # test-wrapper- două .quiz-two-answer # quiz-two-chart-one-pie-slice-three-Extended {background: # AAE0FA; -webkit-transform: rotate (120deg); - moz-transform: rotate (120deg); - o-transform: rotate (120deg); transform: rotate (120deg); z-index: 3} # quiz-wrapper-two .quiz-two-answer # quiz-two-chart-one-slice-three-label {top : 170px; stânga: 90px; culoare: #FFFFFF; dimensiune font: 35px; dimensiune font: 3, 5rem; greutate font: 700; aliniere text: centru; text-shadow: 0 0 2px # 666; -webkit- font-netezire: antialiased} # test-w rapper-two .quiz-two-answer # quiz-two-chart-one-pie-slice-four {background: # 333; -webkit-transform: rotate (125deg); - moz-transform: rotate (125deg); - o-transform: rotate (125deg); transform: rotate (125deg); z-index: 2} # quiz-wrapper-two .quiz-two-answer # quiz-two-chart-one-pie-slice-five {background : # AE99B7; -webkit-transform: rotate (160deg); - Moz-transformata: rotate (160deg); - o-transformata: rotate (160deg); transformata: rotate (160deg); z-index: 1} # quiz- wrapper-two .quiz-two-answer # quiz-two-chart-two-slice-five-label {top: 40px; left: 43px; color: #FFFFFF; font-size: 17px; font-size: 1.7rem; font-weight: 700; text-align: center; text-shadow: 0 0 2px # 666; -webkit-font-smoothing: antialiased} # quiz-wrapper-two .quiz-two-answer # quiz-two-chart- one plăcintă-felie șase {background: # 69306C; -webkit-transform: rotate (180deg); - Moz-transformata: rotate (180deg); - o-transformata: rotate (180deg); transformata: rotate (180deg); z-index: 0} # quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart-label-extension {position: absolut; color: # 000; size-font: 12px; size-font: 1.2rem; fon greutate t: 700; înălțime linie: 18px; index z: 999; afișare: niciunul} # quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart-wrapper {lățime: 280px; înălțime : 280px; poziție: relativă; marjă: 30px auto} ecran doar @media și (lățime maximă: 1050px) și (min-lățime: 816px) {# quiz-wrapper-two .quiz-two-answer.quiz-two- pie-chart-wrapper {margin: 20px auto}} # quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart {lățime: 280px; înălțime: 280px; poziție: relativă; fundal: # 69306c; overflow: ascuns; -moz-border-raza: 100%; - webkit-border-raza: 100%; - o-border-raza: 100%; border-raza: 100%; box-shadow: 0 0 10px # 333 } # quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart: first-child {margin-top: 30px} # quiz-wrapper-two .quiz-two-answer .quiz-two-pie -chart: hover {cursor: pointer} # quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart .quiz-two-pie-slice {width: 141px; înălțime: 141px; poziție: absolută; font-weight:700}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart .quiz-two-pie-chart-label{position:absolute;color:#FFFFFF;font-family: "Open s ans", sans-serif;font-weight:700;text-align:center;text-shadow:0 0 2px #666;-webkit-font-smoothing:antialiased;z-index:999}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-two-pie-slice-zero{bottom:140px;left:140px;background:#009ee2}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-two-pie-slice-one{bottom:134px;left:145px;background:#4AC0EE;-webkit-transform:rotate(3.6deg);-moz-transform:rotate(3.6deg);-o-transform:rotate(3.6deg);transform:rotate(3.6deg)}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-two-pie-slice-two{bottom:35px;left:163px;background:#AAE0FA;-webkit-transform:rotate(65deg);-moz-transform:rotate(65deg);-o-transform:rotate(65deg);transform:rotate(65deg)}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-two-pie-slice-two-extended{top:151px;left:125px;background:#AAE0FA;-webkit-transform:rotate(100deg);-moz-transform:rotate(100deg);-o-transform:rotate(100deg);transform:rotate(100deg) }#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-two-pie-slice-three{top:127px;right:151px;background:#333;-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);z-index:1}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-two-pie-slice-four{top:116.5px;right:157.8px;background:#AE99B7;-webkit-transform:rotate(17deg);-moz-transform:rotate(17deg);-o-transform:rotate(17deg);transform:rotate(17deg);z-index:2}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-two-slice-one-label{top:40px;left:155px;font-size:22px;font-size:2.2rem}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-two-slice-two-label{top:160px;left:155px;font-size:29px;font-size:2.9rem}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-two-slice-four-label{top:160px;left:30px;font-size:24px;font-size:2.4rem}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz -two-chart-two-slice-five-label{top:50px;left:52px;font-size:21px;font-size:2.1rem}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-three-pie-slice-one{bottom:140px;left:140px;background:#009ee2}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-three-pie-slice-two{bottom:135px;left:145px;background:#4AC0EE;-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);transform:rotate(4deg)}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-three-pie-slice-three{bottom:98px;left:165px;background:#AAE0FA;-webkit-transform:rotate(28deg);-moz-transform:rotate(28deg);-o-transform:rotate(28deg);transform:rotate(28deg)}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-three-pie-slice-three-extended{bottom:69px;left:170px;background:#AAE0FA;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#quiz-wrapper-two .quiz-two-answer .qu iz-two-pie-chart #quiz-two-chart-three-pie-slice-four{top:169px;right:70px;background:#333;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);z-index:1}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-three-pie-slice-five{top:167px;right:93px;background:#AE99B7;-webkit-transform:rotate(58deg);-moz-transform:rotate(58deg);-o-transform:rotate(58deg);transform:rotate(58deg);z-index:2}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-three-pie-slice-five-extended{top:130px;right:150px;background:#AE99B7;-webkit-transform:rotate(98deg);-moz-transform:rotate(98deg);-o-transform:rotate(98deg);transform:rotate(98deg);z-index:2}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-three-slice-three-label{top:110px;left:175px;font-size:28px;font-size:2.8rem}@media only screen and (max-width: 400px){#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-three-sl ice-three-label{font-size:25px;font-size:2.5rem}}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-three-slice-five-label{top:190px;left:52px;font-size:32px;font-size:3.2rem}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-three-slice-six-label{top:65px;left:38px;font-size:25px;font-size:2.5rem}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-four-pie-slice-one{bottom:140px;left:140px;background:#4AC0EE}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-four-pie-slice-two{bottom:115px;left:158px;background:#AAE0FA;-webkit-transform:rotate(18deg);-moz-transform:rotate(18deg);-o-transform:rotate(18deg);transform:rotate(18deg)}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-four-pie-slice-two-extended{bottom:97px;left:166px;background:#AAE0FA;-webkit-transform:rotate(119deg);-moz-transform:rotate(119deg);-o-transform:rotate(119deg);transform:rotate(119deg)}#quiz-wrapper-two .quiz-tw o-answer .quiz-two-pie-chart #quiz-two-chart-four-pie-slice-three{top:166px;left:97px;background:#333;-webkit-transform:rotate(29deg);-moz-transform:rotate(29deg);-o-transform:rotate(29deg);transform:rotate(29deg)}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-four-pie-slice-four{top:169px;right:58px;background:#AE99B7;-webkit-transform:rotate(38deg);-moz-transform:rotate(38deg);-o-transform:rotate(38deg);transform:rotate(38deg);z-index:1}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-four-pie-slice-four-extended{top:141px;right:140px;background:#AE99B7;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-four-slice-two-label{top:90px;left:175px;font-size:26px;font-size:2.6rem}@media only screen and (max-width: 400px){#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-four-slice-two-label{fo nt-size:25px;font-size:2.5rem}}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-four-slice-four-label{top:195px;left:65px;font-size:35px;font-size:3.5rem}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-four-slice-five-label{top:75px;left:35px;font-size:25px;font-size:2.5rem}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-five-pie-slice-one{bottom:140px;left:140px;background:#009ee2}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-five-pie-slice-two{bottom:131px;left:148px;background:#4AC0EE;-webkit-transform:rotate(7deg);-moz-transform:rotate(7deg);-o-transform:rotate(7deg);transform:rotate(7deg)}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-five-pie-slice-three{top:42px;left:165px;background:#AAE0FA;-webkit-transform:rotate(29deg);-moz-transform:rotate(29deg);-o-transform:rotate(29deg);transform:rotate(29deg)}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-tw o-chart-five-pie-slice-four{top:120px;left:155px;background:#333;-webkit-transform:rotate(75.6deg);-moz-transform:rotate(75.6deg);-o-transform:rotate(75.6deg);transform:rotate(75.6deg)}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-five-pie-slice-five{top:131px;left:148px;background:#AE99B7;-webkit-transform:rotate(82.8deg);-moz-transform:rotate(82.8deg);-o-transform:rotate(82.8deg);transform:rotate(82.8deg)}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-five-pie-slice-five-extended{top:162px;right:28px;background:#AE99B7;-webkit-transform:rotate(200deg);-moz-transform:rotate(200deg);-o-transform:rotate(200deg);transform:rotate(200deg)}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-five-slice-three-label{top:70px;left:185px;font-size:20px;font-size:2rem}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-five-slice-five-label{top:175px;left:150px;font-size:28px;font-size:2.8rem}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-five-slice-six-label{top:110px;left:20px;font-size:30px;font-size:3rem}@media only screen and (max-width: 500px){#quiz-wrapper-three{height:620px}}@media only screen and (max-width: 400px){#quiz-wrapper-three{height:550px}}#quiz-wrapper-three #quiz-three-question-1{display:inline-block}#quiz-wrapper-three .quiz-three-question-text{color:#FFFFFF;font-size:15px;font-size:1.5rem;font-weight:700;line-height:30px;background:#000;padding:10px 30px}@media only screen and (max-width: 500px){#quiz-wrapper-three .quiz-three-question-text{font-size:12px;font-size:1.2rem;line-height:27px}}@media only screen and (max-width: 400px){#quiz-wrapper-three .quiz-three-question-text{padding:10px 20px}}#quiz-wrapper-three .quiz-three-options{width:35%;height:100%;padding:30px 0 0 15px;background:#E7E7E7;display:inline-block}@media only screen and (max-width: 950px) and (min-width: 816px), only screen and (max-width: 650px){#quiz-wrapper-three .quiz-three -options{width:100%;height:52px;text-align:center;padding:0}}@media only screen and (max-width: 950px) and (min-width: 816px), only screen and (max-width: 650px){#quiz-wrapper-three .quiz-three-options .quiz-option{display:inline-block}}@media only screen and (max-width: 400px){#quiz-wrapper-three .quiz-three-options .quiz-option{margin:0 0 0 5px}}#quiz-wrapper-three .quiz-three-options .quiz-three-option-text{height:25px;color:#222;font-size:17px;font-size:1.7rem;font-weight:700;text-transform:uppercase;margin:35px 0 10px 0;display:inline-block}@media only screen and (max-width: 1050px) and (min-width: 816px){#quiz-wrapper-three .quiz-three-options .quiz-three-option-text{font-size:15px;font-size:1.5rem}}@media only screen and (max-width: 950px) and (min-width: 816px), only screen and (max-width: 650px){#quiz-wrapper-three .quiz-three-options .quiz-three-option-text{margin:15px 20px 0 0}}@media only screen and (max-width: 450px){#quiz-wrapper-three .quiz-three-options .quiz-three-opti on-text{font-size:12px;font-size:1.2rem}}@media only screen and (max-width: 400px){#quiz-wrapper-three .quiz-three-options .quiz-three-option-text{font-size:10px;font-size:1rem}}#quiz-wrapper-three .quiz-three-options .quiz-three-option-button{width:27px;height:27px;color:#222;margin:-10px 8px 0 5px;border:solid 3px #222;-moz-border-radius:100%;-webkit-border-radius:100%;-o-border-radius:100%;border-radius:100%;display:inline-block;vertical-align:middle}#quiz-wrapper-three .quiz-three-options .quiz-three-option-button:hover{background:#009ee2;border:solid 3px #009ee2;cursor:pointer}@media only screen and (max-width: 950px) and (min-width: 816px), only screen and (max-width: 650px){#quiz-wrapper-three .quiz-three-options .quiz-three-option-button{margin:-10px 0 0 0}}@media only screen and (max-width: 400px){#quiz-wrapper-three .quiz-three-options .quiz-three-option-button{width:22px;height:22px;margin:-8px 0 0 0}}#quiz-wrapper-three .quiz-three-answer{width:60% !important}@media only sc reen and (max-width: 950px) and (min-width: 816px), only screen and (max-width: 650px){#quiz-wrapper-three .quiz-three-answer{width:100% !important}}#quiz-wrapper-three .quiz-three-bar-graph{width:0;height:300px;border-bottom:solid 1px #333;margin:30px auto;text-align:center}#quiz-wrapper-three .quiz-three-bar-graph .quiz-three-bar{width:45px;height:0;background:#009ee2;margin:0 5px 0 0;display:inline-block}#quiz-wrapper-three .quiz-three-bar-graph .quiz-three-bar:hover{cursor:pointer}@media only screen and (max-width: 400px){#quiz-wrapper-three .quiz-three-bar-graph .quiz-three-bar{margin:0}}#quiz-wrapper-three .quiz-three-bar-graph .hidden-bar{height:300px;display:inline-block}#quiz-wrapper-three .quiz-three-bar-graph .quiz-three-bar-two{background:#96001E}#quiz-wrapper-three .quiz-three-bar-graph .quiz-three-bar-three{background:#999;margin:0 35px 0 0}@media only screen and (max-width: 400px){#quiz-wrapper-three .quiz-three-bar-graph .quiz-three-bar-three{margin:0 20px 0 0}}#quiz-wr apper-three .quiz-three-bar-graph .quiz-three-bar-four{background:#00631E}#quiz-wrapper-three .quiz-three-bar-graph .quiz-three-bar-five{background:#69306c}#quiz-wrapper-three .quiz-three-bar-graph .bar-graph-label{color:#FFFFFF;font-family:"Open sans", sans-serif;font-weight:700;text-transform:uppercase;line-height:18px;margin:5px auto;display:table}#quiz-wrapper-three .quiz-three-bar-graph .bar-graph-label .bar-graph-label-smaller-text{font-size:6px;font-size:0.6rem}@media only screen and (max-width: 400px){#quiz-wrapper-three .quiz-three-bar-graph .bar-graph-label .bar-graph-label-smaller-text{font-size:5px;font-size:0.5rem}}#quiz-wrapper-three .quiz-three-bar-graph .bar-graph-label-raised{color:#000;font-size:9px;font-size:0.9rem;margin:-75px auto 0 auto}#quiz-wrapper-three #common-answers{width:90%;margin:3% 5%;display:none;color:#009ee2;font-size:14px;font-size:1.4rem;font-family:"Open sans", sans-serif;font-weight:700;line-height:30px}@media only screen and (max-width: 400px){#q uiz-wrapper-three #common-answers{font-size:12px;font-size:1.2rem;line-height:20px}}#quiz-wrapper-three #common-answers .common-answer{color:#333;font-size:11px;font-size:1.1rem;font-family:"Bureau Grot Cond Book", sans-serif;font-weight:500;margin:4px 0 0 0}@media only screen and (max-width: 400px){#quiz-wrapper-three #common-answers .common-answer{font-size:10px;font-size:1rem;margin:7px 0 0 0}}#quiz-wrapper-three #common-answers .common-answer .common-answer-percentage{color:#009ee2;font-weight:700;margin:0 0 0 10px}@media only screen and (max-width: 400px){#quiz-wrapper-three #common-answers .common-answer .common-answer-percentage{margin:0 0 0 5px}}#quiz-wrapper-three #common-answers .common-answer:first-child{margin-top:8px} /*=== DO NOT COPY OVER THESE TWO LINES ===*/ .ie-chart-image {display: block\0/;} .pie-chart, .quiz-two-pie-chart, .quiz-three-bar-graph {display: none\0/;} Will technology make your life better or worse? better worse don't know pew survey results
11% Don't know/
no answer 59%
Mostly
better 30%
Mostly
worse Would life be better or worse if: most people wear implants or other devices that constantly show them information about the world around them? better worse good & bad don't know pew survey results Change for the better
| Ambii
| Don't know
| Change for the worse
| 37% 6% 5% 53% |
Would life be better or worse if: lifelike robots become the primary caregivers for the elderly and people in poor health? better worse good & bad don't know pew survey results Change for the better
| Ambii
| Don't know
| Change for the worse
| 28% 4% 3% 65% |
Would life be better or worse if: prospective parents can alter the DNA of their children to produce smarter, healthier, or more athletic offspring? better worse good & bad don't know pew survey results Change for the better
| Ambii
| Don't know
| Change for the worse
| 26% 5% 3% 66% |
Would life be better or worse if: personal and commercial drones are given permission to fly through most US airspace? better worse good & bad don't know pew survey results Change for the better
| Ambii
| Don't know
| Change for the worse
| 22% 7% 7% 63% |
next question >
If people had been asked specifically about future technologies that promise to alleviate current challenges, such as curing cancer or eliminating pollution, the respondents would presumably have embraced such changes without reservation.
But the new survey, done for this special issue about the links between science and science fiction, was intended to reveal public attitudes about future technologies envisioned in sci-fi movies and literature. Lee Rainie, director of the Pew Research Center's Internet & American Life Project, says “the things we asked about were not mere conveniences or little incremental advances, but big, imaginative stuff.”
And that stuff, ranging from robotic caregivers to commercial or personal drones flying in US airspace, gave people pause.
In the next fifty years, how likely is it that: people in need of an organ transplant will have new organs custom made for them in a lab? already happened definitely probably don't know probably not definitely not pew survey results
22% 60% 10% In the next fifty years, how likely is it that: computers will be as effective as people at creating important works of art such as music, novels, movies, or paintings? already happened definitely probably don't know probably not definitely not pew survey results 
16% 35% 25% 20% In the next fifty years, how likely is it that: scientists will have developed a way to teleport objects - that is, moving objects from one location to another without physically touching them? already happened definitely probably don't know probably not definitely not pew survey results 
32% 34% 22% In the next fifty years, how likely is it that: humans will build colonies on another planet that can be lived in for long periods? already happened definitely probably don't know probably not definitely not pew survey results 
28% 39% 25% In the next fifty years, how likely is it that: humans will be able to control the weather? already happened definitely probably don't know probably not definitely not pew survey results 
13% 33% 44% next question > Giving respondents a chance to unleash their own imaginations, they were asked what life-changing invention they would like to see. Two ideas tied for first place, with 9 percent apiece. One was right out of science fiction—time travel—whereas the other was as old as the hills, the wish to improve health and boost longevity.
But 39 percent didn't name anything, perhaps suggesting that they are content with things as they are or, as Steve Jobs said, “people don't know what they want until you show it to them.”
If the technology existed, would you: eat meat that was grown in a lab? yes no don't know pew survey results
yes 20% no 78% don't know 2% | men 27% yes
| women 14% yes
| If the technology existed, would you: ride in a driverless car? yes no don't know pew survey results
yes 48% no 50% don't know 2% | men 54% yes
women 43% yes
If the technology existed, would you: get a brain implant to improve your memory or mental capacity? yes no don't know pew survey results
yes 26% no 72% don't know 2% | men 26% yes
women 26% yes
Science fiction writers have always imagined new inventions that change the world of the future. Tu ce mai faci? If there was one futuristic invention that you could own, what would it be? submit Here are some inventions that others said they would like to own: Improved health and longevity/Cure for diseases 9% Time machine/Time travel 9% Flying car/Flying bike 6% Personal robot/Robot servants 4% Personal space craft 4% Self-driving car 3% Teleporter/Teleportation/Transporter 3% World peace/Stop wars/Improved understanding/Better planet 2% next question >
