Enamik ameeriklasi suhtuvad tehnoloogiapõhisesse tulevikku lootusrikkalt.
Nad lihtsalt ei taha seal elada.
See paradoksaalne vaade - tulevikutehnoloogia kõlab fantastiliselt, kuid see pole minu jaoks - on Smithsoniani ja Pew Research Centeri poolt läbi viidud uue eksklusiivse riikliku uuringu üks oluline järeldus. Arvamusküsitluses osales veebruaris lauatelefoni või mobiiltelefoni teel küsitletud 11001 inimest.
Ligi 60 protsenti vastanutest leidis, et tehnoloogia parandab tulevikus elu - umbes kaks korda rohkem kui neid, kes ütlesid, et see teeb asja veelgi hullemaks. Aga juhita autod? Labori toodetud liha? Ajuimplantaadid ainult nutikamaks muutmiseks või mälu parandamiseks? Ei aitäh.
html, keha, div, span, img {veeris: 0; polster: 0; ääris: 0; fondi suurus: 100%; font: pärima; vertikaalne joondamine: baseeline} korpus {laius: 100%; veeris: 0 auto ; rea kõrgus: 1; fondiperekond: "Open Sans", "Bureau Grot Cond Book", sans-serif} .blue-text {color: # 009ee2} .purple-text {color: # 69306c} textarea {laius : 90%; kõrgus: 290xx; värv: # 009ee2; fondi suurus: 20px; fondi suurus: 2rem; fondi kaal: 700; ääris: puudub! Oluline; kontuur: puudub; -moz-box-shadow: puudub; -veebikomplekti-kasti-vari: puudub; -o-kasti-vari: puudub; kasti-vari: puudub; veeris: 5% 5% 0 5%; suuruse muutmine: puudub} nupp {laius: 120 pikslit; kõrgus: 50 pikslit; taust: # 009ee2; värv: #FFFFFF; fondi suurus: 15 px; fondi suurus: 1, 5rem; fondi mass: 700; teksti joondamine: keskel; teksti teisendamine: suurtähed; hõljumine: paremal; veeris: 0 5% 0 0 nupp: hõljutage kursorit {kursor: osuti} .tõstetud tekst {värv: # 009ee2; teksti teisendus: suurtäht; veeris: 0 5px 0 0} .ie-diagrammipilt {kuva: puudub; veeris: 30px auto} .ie -kaardipilt: hõljutage {kursor: osuti} # viktoriin-ümbris-üks, # viktoriin-ümbris-kaks, # viktoriin-ümbris-kolm {laius: 100%; kõrgus: 550 pikslit; asukoht: suhteline; ääris: kindel 1 piksel # 333; fondiperekond: "Bur eau Grot Cond Book ", sans-serif; veeris: 20 pikslit automaatne 50 pikslit automaat; ülevool: varjatud ainult @ @ kuva ja (maksimaalne laius: 950 pikslit) ja (minimaalne laius: 916 pikslit), ainult ekraan ja (maksimaalne laius: 650 pikslit) {# viktoriin-ümbris-üks, # viktoriin-ümbris-kaks, # viktoriin-ümbris-kolm {kõrgus: 650px}} ainult @ meediumide ekraan ja (maksimaalne laius: 500 pikslit) {# viktoriin-ümbris-üks, # viktoriin-ümbris-kaks, # viktoriin-ümbris-kolm {kõrgus: 550px}} ainult meediumiekraan ja (maksimaalne laius: 400 pikslit) {# viktoriin-ümbris-üks, # viktoriin-ümbris-kaks, # viktoriin-ümbris- kolm {kõrgus: 600 pikslit; ääris: puudub}} # viktoriin-ümbris-üks .küsimus, # viktoriin-ümbris-kaks .küsimus, # viktoriiniümbris-kolm .küsimus {laius: 100%; kõrgus: 100%; asukoht: suhteline; kuvamine: puudub} # viktoriin-ümbris-üks .küsimus .küsimus-tekst, # viktoriin-mähis-kaks .küsimus .küsimus-tekst, # viktoriin-mähis-kolm .küsimus .küsimus-tekst {laius: 100%; värv: #FFFFFF; fondi suurus: 20 pikslit; fondi suurus: 2rem; fondi kaal: 700; rea kõrgus: 41 px; taust: # 000; polster: 10 pikslit 30 pikslit; ekraan: tabel} ainult @ meediumi ekraan ja (max -laius: 500 pikslit) {# viktoriin-ümbris-üks .küsimus .küsimus-tekst, # viktoriin-ümbris-kaks .questio n .küsimus-tekst, # viktoriin-ümbris-kolm .küsimus .küsimus-tekst {fondi suurus: 12 pikslit; fondi suurus: 1, 2 sirmi; rea kõrgus: 27 pikslit}} ainult meediumi ekraan ja (maksimaalne laius: 400 pikslit) ) {# viktoriin-ümbris-üks .küsimus .küsimus-tekst, # viktoriin-mähis-kaks .küsimus .tekst-tekst, # viktoriiniümbris-kolm .küsimus .kutsutekst {polster: 10px 20px}} # viktoriin- ümbris-üks .küsimus. -kutsetüüp-kaks-tekst, # viktoriin -ümbris-kaks .küsimus. -kutsetüüp-kaks-tekst, # viktoriin-ümbris-kolm .küsimus .küsimus-tüüp-kaks-tekst {font- suurus: 16 pikslit; fondi suurus: 1, 6 sirmi; rea kõrgus: 35 pikslit) Ainult @ media ekraan ja (maksimaalne laius: 500 pikslit) {# viktoriin-ümbris-üks .küsimus .kutsetüüp-kaks-tekst, # viktoriin- ümbris-kaks .küsimus .küsimus-tüüp-kaks-tekst, # viktoriin-ümbris-kolm .küsimus. -kutsetüüp-kaks-tekst {fondi suurus: 12 pikslit; fondi suurus: 1, 2 sirmi; rea kõrgus: 27 pikslit} } # viktoriin-ümbris-üks .küsimus .valikud, # viktoriin-mähis-kaks .küsimus .valikud, # viktoriin-ümbris-kolm .komisjon .ülesanded {laius: 35%; kõrgus: 100%; polster: 50 pikslit 0 0 0 ; veeris: 0 automaatne; taust: # E7E7E7; kuvamine: tekstisisene plokk} ainult @media ekraan ja (max-wid tuhat: 950 pikslit) ja (minimaalne laius: 816 pikslit), ainult ekraan ja (maksimaalne laius: 650 pikslit) {# viktoriin-ümbris-üks .küsimus .valikud, # viktoriin-ümbris-kaks .küsimus .valikud, # viktoriin-ümbris -kolm .küsimus .valikud {laius: 100%; kõrgus: 80 pikslit; teksti joondamine: keskel; polsterdus: 15 pikslit 0 0 0}} @ ainult meediumiekraan ja (maksimaalne laius: 500 pikslit) {# viktoriin-ümbris-üks. küsimus .valikud, # viktoriin-ümbris-kaks .küsimus .valikud, # viktoriin-ümbris-kolm .küsimus .valikud {kõrgus: 65px}} ainult @ meediumiekraan ja (maksimaalne laius: 400 pikslit) {# viktoriin-ümbris-üks .küsimus .valikud, # viktoriin-ümbris-kaks .küsimus .valikud, # viktoriin-mähis-kolm .küsimus .valikud {kõrgus: 107px}} # viktoriin-ümbris-üks .küsimus .valikud .viktoriin-üks-variant, # viktoriin-ümbris-kaks .küsimus .valikud .kvits-üks-variant, # viktoriin-mähis-kolm .küsimus .valikud .kvits-üks-variant {kõrgus: 40 pikslit; veeris: 0 0 35 pikslit 30 pikslit} ainult @media ekraan ja ( maksimaalne laius: 950 pikslit) ja (minimaalne laius: 816 pikslit), ainult ekraan ja (maksimaalne laius: 650 pikslit) {# viktoriin-ümbris-üks .küsimus .valikud .kvits-üks-variant, # viktoriin-mähis-kaks. küsimus .valikud .quiz-one-variant, # quiz-wrapper -kolm .küsimus .Valikud .kv-üks-variant {veeris: 0 0 35 pikslit 10 pikslit; teksti joondamine: vasakul; kuva: rivisiseselt blokeeritav; vertikaalselt joondatav: ülemine}} @ ainult meediumide ekraan ja (max laius: 450 pikslit) ) {# viktoriin-ümbris-üks .küsimus .valikud .viktoriin-üks-variant, # viktoriin-ümbris-kaks .küsimus .valikud .viktoriin-üks-variant, # viktoriiniümbris-kolm .küsimus .valikud .võistlus-üks -valik {marginaal: 0 0 35 pikslit 5 pikslit}} @ ainult meediumiekraan ja (maksimaalne laius: 400 pikslit) {# viktoriiniümbris-üks .küsimus .valikud .viktoriin-üks-variant, # viktoriin-mähis-kaks .küsimus. suvandid .quiz-one-option, # quiz-wrapper-three .question .options .quiz-one-option {laius: 47%; veeris: 0 0 0 3%; float: left}} # viktoriin-ümbris-üks. küsimus .valikud .viktoriin-üks-variant .valik-tekst, # viktoriin-ümbris-kaks .küsimus .valikud .viktoriin-üks-variant .valik-tekst, # viktoriin-mähis-kolm .küsimus .valikud .kvits-üks- variant .optsioon-tekst {laius: 115 pikslit; värv: # 222; fondi suurus: 17 px; fondi suurus: 1, 7rem; fondi kaal: 700; rea kõrgus: 30 px; teksti teisendus: suurtähed; kuva: tekstisisene- ainult} @media ekraan ja ainult (maksimaalne laius: 950 pikslit) ja (minimaalne laius: 816 pikslit) ekraan ja (maksimaalne laius: 650 pikslit) {# viktoriin-ümbris-üks .küsimus .valikud .viktoriin-üks-variant .valiku-tekst, # viktoriin-mähis-kaks .küsimus .valikud .kvits-üks-variant .valik- tekst, # viktoriin-ümbris-kolm .küsimus .valikud .kvits-üks-variant .valiku-tekst {laius: 60 pikslit; fondi suurus: 14 pikslit; fondi suurus: 1, 4rem; veeris: -4 pikslit 0 0 0}}} @ ainult meediumiekraan ja (maksimaalne laius: 500 pikslit) {# viktoriin-ümbris-üks .küsimus .valikud .viktoriin-üks-variant .valiku-tekst, # viktoriin-ümbris-kaks .küsimus .valikud .kvits-üks-variant. valikutekst, # viktoriin-ümbris-kolm .küsimus .valikud .viktoriin-üks-variant .valiku-tekst {laius: 50 px; fondi suurus: 11 px; fondi suurus: 1, 1rem; rea kõrgus: 20 px; veeris: 0; vertikaalne joondamine: ülemine}} ainult meediumiekraan ja (maksimaalne laius: 450 pikslit) {# viktoriin-ümbris-üks .kutses .valikud .viktoriin-üks-variant .valiku-tekst, # viktoriin-mähis-kaks. küsimus .valikud .viktoriin-üks-variant .valik-tekst, # viktoriin-mähis-kolm .küsimus .valikud .viktoriin-üks-variant .valiku-tekst {fondi suurus: 10 pikslit; fondi suurus: 1rem}} # viktoriin -pakendaja-üks .küsimus .valikud .quiz-one-variant .option-button, # quiz-wrapper-two .questio n .valikud .viktoriin-üks-variant .valiku-nupp, # viktoriin-mähis-kolm .küsimus .valikud .viktoriin-üks-variant .valiku-nupp {laius: 25px; kõrgus: 25px; veeris: 0 10px 0 5px; ääris: kindel 3px # 222; -moz-piiri raadius: 100%; - webkit-border-raadius: 100%; - o-border-raadius: 100%; border-raadius: 100%; display: inline-block; vertikaalne joondamine: ülemine} # viktoriin-ümbris-üks .küsimus .valikud .viktoriin-üks-variant .valiku nupp: hõljutage kursorit, # viktoriin-ümbris-kaks .küsimus .valikunupp .viktoriin-üks-variant .valiku nupp: hõljutage, # viktoriin-ümbris-kolm .komisjon .valikud .kvits-üks-variant .valiku nupp: hõljutage {taust: # 009ee2; ääris: kindel 3px # 009ee2; kursor: osuti} ainult @media ekraan ja (maksimaalne laius) : 950 pikslit) ja (minimaalne laius: 816 pikslit), ainult ekraan ja (maksimaalne laius: 650 pikslit) {# viktoriin-ümbris-üks .küsimus .valikud .viktoriin-üks-variant .valiku nupp, # viktoriin-ümbris-kaks .küsimus .valikud .kvood-üks-variant .valikunupp, # viktoriin-mähis-kolm .küsimus .valikud .viktoriin-üks-variant .valikunupp {laius: 20px; kõrgus: 20px; veeris: 0 4px}} # viktoriin-ümbris-üks .küsimus .avastaja, # viktoriin-ümbris-kaks .q uestion .answer, # viktoriin-ümbris-kolm .küsimus .answer {laius: 64%; veeris: 30 pikslit 0 0 0; fondiperekond: "Avatud sans", sans-serif; kuva: puudub; vertikaalne joondamine: ülaosa} Ainult @media ekraan ja (maksimaalne laius: 950 pikslit) ja (minimaalne laius: 816 pikslit), ainult ekraan ja (maksimaalne laius: 650 pikslit) {# viktoriin-ümbris-üks .küsimus .uuring, # viktoriin-ümbris-kaks. küsimus .answer, # viktoriin-ümbris-kolm .küsimus .answer {laius: 100%}} ainult @ meediumiekraan ja (maksimaalne laius: 400 pikslit) {# viktoriin-ümbris-üks .küsimus .answer, # viktoriin-mähis- kaks .küsimust .uuring, # viktoriiniümbris-kolm .küsimust .vastuvõtt {suum: 84%}} # viktoriiniümbris-üks .küsimus .uuring .vastu-tekst, # viktoriiniümbris-kaks .küsimus .uuringu-vastust. -tekst, # viktoriin-ümbris-kolm .küsimus .avaldus .answer-text {värv: # 222; fondi suurus: 16 px; fondi suurus: 1, 6rem; fondi mass: 700; teksti teisendus: suurtähed; veerised: 0 automaatne; kuvamine: tabel} ainult @meedia ekraan ja (maksimaalne laius: 950 pikslit) ja (minimaalne laius: 816 pikslit), ainult ekraan ja (maksimaalne laius: 650 pikslit) {# viktoriin-ümbris-üks .küsimus .vastaja. vastustekst, # viktoriin-ümbris-kaks .küsimus .vastaja .vastaja-tekst, # viktoriin -ümbris-kolm .küsimus .uuringu .answer-text {font-size: 15px; font-size: 1, 5rem}} # quiz-wrapper-one .question .answer .pie-chart, # quiz-wrapper-two .question .vastaja .pie-diagramm, # viktoriin-ümbris-kolm .küsimus .antenn .pie-skeem {laius: 280 pikslit; kõrgus: 280 pikslit; asukoht: suhteline; veeris: 30 pikslit auto} # viktoriini mähis-üks .küsimus. vastus. sektordiagramm: hõljumine, # viktoriin-ümbris-kaks .küsimus .vastupanu .pie-skeem: hõljumine, # viktoriin-mähis-kolm .küsimus .uuringu-vormingus: diagramm: hõljuk {kursor: osuti} @media ainult ekraan ja ( maksimaalne laius: 950 pikslit) ja (minimaalne laius: 816 pikslit), ainult ekraan ja (maksimaalne laius: 650 pikslit) {# viktoriin-ümbris-üks .küsimus .uuring .tees-skeem, # viktoriin-mähis-kaks .küsimus. vastus .pie-skeem, # viktoriin-ümbris-kolm .komisjon .answer .pie-skeem {veeris: 20px auto}} # viktoriin-mähis-üks .küsimus .answer .pie-skeem .pie-taust, # viktoriin-mähis -two .küsimus .vastu .pie-skeem .pie-taust, # viktoriin-ümbris-kolm .küsimus .swer .pie-skeem .pie-taust {taustavärv: # 999; asukoht: absoluutne; laius: 280px; kõrgus : 280 pikslit; -moz-piiri raadius: 100%; -veebikomplekti-raadiuse raadius: 100%; - o-piiri raadius: 100%; ääre raadius: 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. küsimus .vastu .pie-skeem .pie, # viktoriin-mähis-kolm .küsimus .antenn .pie-skeem .pie {asukoht: absoluutne; laius: 280px; kõrgus: 280px; -moz-piiri raadius: 100%; - veebikomplekt-raadiuse raadius: 100%; - o-ääre raadius: 100%; ääre raadius: 100%; klamber: rektaalne (0 pikslit, 140 pikslit, 280 pikslit, 0 pikslit)} # viktoriin-ümbris-üks .keeleküsimus .vastaja. pie-chart .pie-slice, # quiz-wrapper-two .question .answer .pie-chart .pie-slice, # quiz-wrapper-three .question .answer .pie-chart .pie-slice {position: absoluutne; laius: 0; kõrgus: 0; laius: 280 pikslit; kõrgus: 280 pikslit; -moz-piiri raadius: 100%; - webkit-border-raadius: 100%; - o-border-raadius: 100%; border-raadius: 100%; klamber: otsene (0 pikslit, 280 pikslit, 280 pikslit, 140 pikslit); - veebikomplekti taust-nähtavus: peidetud} # viktoriiniümbris-üks .küsimus .answer .pie-diagramm # pirukas-viil-üks, # viktoriin-mähis - ükski .vastus .pie-skeem .pie, # viktoriin-ümbris-kaks .küsimus .avaldused .pie-skeem # pirukas-viil-üks, # viktoriin-mähis-kaks .küsimus .answer .pie-skeem .pie, # viktoriin- ümbris-kolm .küsimus .uuring .tipp-skeem # pirukas-viil-üks, # viktoriin-mähis-kolm .küsimus .answer .pie-skeem .pie {taust: # 009ee2; -veebikomplekt-teisendus: pööramine (0deg); -moz-teisendus: pööramine (0deg); - o-teisendus: pööramine (0deg); teisendus: pööramine (0deg)} # viktoriin-ümbris-üks .küsimus .vastuvõtt .diagramm .pie-diagramm-silt, # viktoriin -pakendaja-kaks .küsimus .vastu .pie-skeem .pie-diagramm-silt, # viktoriin-ümbris-kolm .küsimus .anss .pie-skeem .pie-skeem-silt {asukoht: absoluutne; z-indeks: 4; värv: #FFFFFF; teksti joondamine: keskel} # viktoriin-ümbris-üks .küsimus .uuring .pie-diagramm # diagramm-üks-viil-üks-silt, # viktoriin-ümbris-kaks .küsimus .answer .pie-diagramm # diagramm-üks-viil-üks-silt, # viktoriin-ümbris-kolm .küsimus .answer .pie-skeem # diagramm-üks-viil-üks-silt {ülaosa: 10 pikset; vasakul: 83 pikslit; fondi suurus: 5 pikslit; kirjasuurus: 0, 5rem; rea kõrgus: 14px} # viktoriin-ümbris-üks .kutsumine .uuring .pie-diagramm # diagramm-üks-viil-üks-täht l-arv, # viktoriin-ümbris-kaks .küsimus .uuring .pie-skeem # diagramm-üks-viil-üks-etikett-number, # viktoriin-ümbris-kolm .küsimus .answer .pie-skeem # diagramm-üks- viil-üks-etiketinumber {fondi suurus: 10 px; fondi suurus: 1rem; fondi kaal: 700; rea kõrgus: 20 px} # viktoriin-ümbris-üks .küsimus .answer .pie-diagramm # pirukas-viil -two, # viktoriin-ümbris-kaks .küsimus .avastaja .pie-skeem # pirukas-viil-kaks, # viktoriin-ümbris-kolm .küsimus .answer .pie-skeem # pie-viil-kaks {taust: # 69306c; -veebikomplekti teisendamine: pööramine (145 kraadi); - moz-teisendus: pööramine (145 kraadi); - o-teisendus: pööramine (145 kraadi); teisendus: pööramine (145 kraadi)} # viktoriin-ümbris-üks. diagramm # diagramm-üks-viil-kaks-etiketti, # viktoriin-ümbris-kaks .küsimus .answer .pie-skeem # diagramm-üks-viil-kaks-silt, # viktoriin-ümbris-kolm .küsimus .answer .pie- diagramm # diagramm-üks-viil-kaks-etiketti {ülaosa: 70 pikslit; vasak: 160 pikslit; fondi suurus: 19 pikslit; fondi suurus: 1, 9rem; rea kõrgus: 34 pikslit; teksti joondamine: vasakul} ainult @ media ekraan ja (maksimaalne laius: 400 pikslit) {# viktoriin-ümbris-üks .küsimus .avastaja .pie-skeem # diagramm-üks-viil-kaks-silt, # viktoriin-mähis-tw o .küsimus .answer .pie-diagramm # diagramm-üks-viil-kaks-etiketti, # viktoriin-ümbris-kolm .küsimus .answer .pie-skeem # diagramm-üks-viil-kaks-etiketti {fondi suurus: 17px ; fondi suurus: 1, 7rem}} # viktoriin-ümbris-üks .küsimus .uuring .pie-skeem #diagramm-üks-viil-kaks-etiketinumber, # viktoriin -ümbris-kaks .küsimus .uuringut .pie-skeem # diagramm-üks-viil-kaks-etiketinumber, # viktoriin-ümbris-kolm .küsimus .answer .pie-skeem # diagramm-üks-viil-kaks-etikett-number {fondi suurus: 29 pikslit; fondi suurus: 2, 9rem; fondi mass: 700; rea kõrgus: 50px} ainult @media ekraan ja (maksimaalne laius: 400px) {# viktoriin-ümbris-üks .küsimus .answer .pie-diagramm # diagramm-üks-viil-kaks -märgis-number, # viktoriin-ümbris-kaks .küsimus .uuringuplaan .pie-skeem # diagramm-üks-viil-kaks-etiketi-number, # viktoriin-ümbris-kolm .küsimus .answer .pie-skeem # diagramm-üks -lõige-kaks-etiketinumber {fondi suurus: 27 px; fondi suurus: 2, 7rem}} # viktoriin-ümbris-üks .küsimus. vastuse .pie-skeem # piruka-viil-kolm, # viktoriin-ümbris-kaks .küsimus .uuring .pie-skeem # pirukas-viil-kolm, # viktoriin-ümbris-kolm .küsimus .answer .pie-skeem # pirukas-viil-kolm {taust d: # 009ee2; -veebikomplekti teisendus: pööramine (30deg); - moz-teisendus: pööramine (30deg); - o-teisendus: pööramine (30deg); teisendus: pööramine (30deg)} # viktoriin-ümbris-üks .küsimus .answer .pie-diagramm # diagramm-üks-viil-kolm-silt, # viktoriin-ümbris-kaks .küsimus .answer .pie-skeem # diagramm-üks-viil-kolm-silt, # viktoriin-mähis-kolm .küsimus .answer .pie-diagramm # diagramm-üks-viil-kolm-silti {ülaosa: 100 pikslit; vasakul: 25 pikslit; fondi suurus: 14 pikslit; fondi suurus: 1, 4 sirmi; rea kõrgus: 25 pikslit; teksti joondamine: vasak} # viktoriin-ümbris-üks .küsimus .uuring .pie-diagramm # diagramm-üks-viil-kolm-etiketinumber, # viktoriin-ümbris-kaks .küsimus .answer .pie-skeem # diagramm-üks-viil-kolm- etiketi number, # viktoriin-ümbris-kolm .küsimus .uuring .pie-skeem #diagramm-üks-viil-kolm-sildi-number {fondi suurus: 24 px; fondi suurus: 2, 4rem; fondi kaal: 700; rea kõrgus: 50px} # viktoriin-ümbris-üks # küsimus-1, # viktoriin-ümbris-kaks # küsimus-1, # viktoriin-ümbris-kolm # küsimus-1 {kuva: blokk} # viktoriin-ümbris-üks. virnastatud tulp-graafik-sildid, # viktoriin-ümbris-kaks. virnastatud-tulp-graafik-sildid, # viktoriin-ümbris-kolm. virnastatud-tulp-graafik-sildid {laius: 3 50 pikslit; marginaal: 80 pikslit automaatne 0 automaatne; rea kõrgus: 9 pikslit # # viktoriin-ümbris-üks. Virnastatud-tulp-graafik-sildid. Ladustatud-tulp-graafik-silt, # viktoriin-ümbris-kaks. Virnastatud-tulp-graafik -sildid .stacked-bar-graph-label, # quiz-wrapper-three .stacked-bar-graph-sildid .stacked-bar-graph-label {font-sugukond: "Open sans", sans-serif; font-size : 5x; fondi suurus: 0, 5rem; kuva: inline-block} # viktoriin-ümbris-üks .kootud-tulp-graafik-sildid # diagramm-kaks-silt-üks, # viktoriin-ümbris-kaks .takk-riba - graafik-sildid # diagramm-kaks silti-üks, # viktoriin-ümbris-kolm .kootud-riba-graafik-sildid # diagramm-kaks-silt-üks {laius: 36%; fondi mass: 700} # viktoriin-ümbris -üks. laotud-tulp-graafik-sildid # diagramm-kaks-etikett-kaks, # viktoriin-ümbris-kaks .kootud-riba-graafik-sildid # diagramm-kaks-silt-kaks, # viktoriin-ümbris-kolm .kootud -riba-graafik-sildid # diagramm-kaks-silt-kaks {laius: 5, 5%} # viktoriin-ümbris-üks .laotud-riba-graafik-sildid # diagramm-kaks-silt-kolm, # viktoriin-ümbris-kaks. virnastatud-tulp-graafik-sildid # diagramm-kaks-silt-kolm, # viktoriin-ümbris-kolm .kootud-riba-graafik-sildid # diagramm-kaks-silt-kolm {laius: 22%} # viktoriin-ümbris- üks .kootud-tulp-graafik-sildid # diagramm-kaks-silt-neli, # viktoriin-ümbris-kaks .kootud-tulp-graafik-sildid # diagramm-kaks-silt-neli, # viktoriin-ümbris-kolm. tulpdiagramm-sildid # diagramm-kaks-etiketti-neli {laius: 30%; fondi mass: 700} # viktoriin-ümbris-üks. virnastatud-tulp-graafik-sildid # diagramm-kolm silti-üks, # viktoriin -pakendaja-kaks .kootud-tulp-graafik-sildid # diagramm-kolm-etikett-üks, # viktoriin-ümbris-kolm .kootud-tulp-graafik-sildid # diagramm-kolm-silt-üks {laius: 26, 5%; font -kaal: 700} # viktoriin-ümbris-üks .kootud-tulp-graafik-sildid # diagramm-kolm-silt-kaks, # viktoriin-ümbris-kaks .kootud-riba-graafik-sildid # diagramm-kolm-silt-kaks, # viktoriin-ümbris-kolm .kootud-tulp-graafik-sildid # diagramm-kolm-silt-kaks {laius: 5%} # viktoriin-ümbris-üks .kootud-riba-graafik-sildid # diagramm-kolm-silt- kolm, # viktoriin-ümbris-kaks .kootud-tulp-graafik-sildid # diagramm-kolm-silt-kolm, # viktoriin-ümbris-kolm .kootud-riba-graafik-sildid # diagramm-kolm-silt-kolm {laius: 22%} # viktoriin-ümbris-üks .kootud-tulp-graafik-sildid # diagramm-kolm-silt-neli, # viktoriin-ümbris-kaks .kõrged-tulp-graafik-sildid # diagramm-kolm-l abel-neli, # viktoriin-ümbris-kolm .korrutatud-tulp-graafik-sildid # diagramm-kolm-silt-neli {laius: 33%; fondi mass: 700} # viktoriiniümbris-üks .korrutatud-tulp-graafik -sildid # diagramm-neli silti-üks, # viktoriin-ümbris-kaks .kootud-tulp-graafik-silti # diagramm-neli-silt-üks, # viktoriin-mähis-kolm .kootud-riba-graafik-sildid #kaart -neli-silt-üks {laius: 25%; fondi mass: 700} # viktoriin-ümbris-üks .kootud-tulp-graafik-sildid # diagramm-neli silti-kaks, # viktoriin-ümbris-kaks .takk- tulp-graafik-sildid # diagramm-neli-silt-kaks, # viktoriin-ümbris-kolm .kootud-tulp-graafik-sildid # diagramm-neli-silt-kaks {laius: 5%} # viktoriin-ümbris-üks .takk -riba-graafik-sildid # diagramm-neli-etikett-kolm, # viktoriin-ümbris-kaks .kootud-riba-graafik-etiketti # diagramm-neli-silt-kolm, # viktoriin-ümbris-kolm .voodi-tulp-graafik -sildid # diagramm-neli etiketti-kolm {laius: 22%} # viktoriin-ümbris-üks .kootud-riba-graafik-sildid # diagramm-neli-silt-neli, # viktoriin-ümbris-kaks .takk-riba - graafik-sildid # diagramm-neli-etikett-neli, # viktoriin-ümbris-kolm .kootud-riba-graafik-sildid # diagramm-neli-etikett-neli {laius: 33%; fondi mass: 700} # viktoriin-ümbris - üks .kootud-tulp-graafik-sildid # diagramm-viis-silt-üks, # viktoriin-ümbris-kaks .kootud-riba-graafik-sildid # diagramm-viis-silt-üks, # viktoriin-ümbris-kolm. tulpdiagrammid-sildid # diagramm-viis-silt-üks {laius: 22%; fondi mass: 700} # viktoriin-ümbris-üks. virnastatud-tulp-graafik-sildid # diagramm-viis silti-kaks, # viktoriin -pakendaja-kaks .kootud-tulp-graafik-sildid # diagramm-viis-silt-kaks, # viktoriiniümbris-kolm .kõrvustatud-tulp-graafik-sildid # diagramm-viis-silt-kaks {laius: 9%} # viktoriin-ümbris-üks .kootud-tulp-graafik-sildid # diagramm-viis-silt-kolm, # viktoriin-ümbris-kaks .kootud-riba-graafik-sildid # diagramm-viis-silt-kolm, # viktoriin-ümbris- kolm .kootud-tulp-graafik-silti # diagramm-viis-silt-kolm {laius: 22%} # viktoriin-ümbris-üks. virnastatud-tulp-graafik-sildid # diagramm-viis-silt-neli, # viktoriin-ümbris -kahe. virnastatud tulp-graafik-sildid # diagramm-viis silti-neli, # viktoriin-ümbris-kolm. virnastatud-tulp-graafik-sildid # diagramm-viis silti-neli {laius: 33%; fondi mass : 700} # viktoriin-ümbris-üks .kootud-tulpdiagramm, # viktoriin-mähis-kaks .kootud-tulpdiagramm, # viktoriin-mähis-kolm .kootud-tulpdiagramm {laius: 0; kõrgus: 50 pikslit; b ackground: # 69306c; veeris: 0 automaatne; teksti joondamine: keskel; kasti-vari: 0 3xx 8xx # 999} # viktoriin-ümbris-üks. virnastatud-tulpdiagramm: hõljutage, # viktoriin-ümbris-kaks .täidetud - tulpdiagramm: hõljumine, # viktoriin-ümbris-kolm .vormitud-tulpdiagramm: hõljumine {kursor: osuti} # viktoriin-ümbris-üks .kootud-tulpdiagramm .kootud-tulp-graafik-tükk, # viktoriin-mähis -kahe. virnastatud tulp-graaf. virnastatud-tulp-graafiku tükk, # viktoriin-ümbris-kolm. virnastatud-tulp-graaf. virnastatud-tulp-graafiku tükk {kõrgus: 50 pikslit; kuva: tekstisisene plokk; värv: #FFFFFF; fondi suurus: 18 pikslit; fondi suurus: 1, 8rem; fondi kaal: 700; rea kõrgus: 50 px} # viktoriiniümbris-üks .kootud-tulpdiagramm .kaardi-tükk-protsent, # viktoriin- ümbris-kaks .korrustatud-tulp-graafikut .kaart-tükk-protsent, # viktoriin-mähis-kolm .kootud-riba-graafikut .kaart-tükk-protsenti {fondi suurus: 14 px; fondi suurus: 1, 4rem; font - kaal: 700; teksti joondamine: vasak; kuva: puudub} # viktoriin-ümbris-üks .kootud-tulpdiagramm # diagramm-kaks-tükk-üks, # viktoriin-ümbris-kaks .vormitud-tulp-graafik # diagramm- kaheosaline-üks, # viktoriin-ümbris-kolm .korrutatud-tulpdiagramm # diagramm-kaks-tükk-üks {laius: 37%; taust: # 009ee2} # viktoriin-mähis er-üks .korrustatud-tulp-graafik # diagramm-kaks-tükk-kaks, # viktoriin-ümbris-kaks .kõrged-tulp-graafik # diagramm-kaks-tükk-kaks, # viktoriin-ümbris-kolm .korrutatud-tulp- graafik # diagramm-kaheosaline-kaks {laius: 5, 5%; taust: # 000; värv: # 000} # viktoriin-ümbris-üks .laotud-tulp-graafik # diagramm-kaks-tükk-kolm, # viktoriin-ümbris -kahe. virnastatud tulp-graafik # diagramm-kaks tükki-kolm, # viktoriin-ümbris-kolm. virnastatud-tulp-graafik # diagramm-kaks tükki-kolm {laius: 4, 5%; taust: # 999; värv: # 999} # viktoriin-ümbris-üks .korrutatud-tulp-graafik # diagramm-kaks-tükk-neli, # viktoriin-ümbris-kaks .korrutatud-tulpdiagramm # diagramm-kaks-tükk-neli, # viktoriin-ümbris- kolm .kootud-tulpdiagrammi # diagramm-kaheosaline-neli {laius: 53%; taust: # 69306c} # viktoriin-ümbris-üks .kootud-tulpdiagramm # diagramm-kolmeosaline-üks, # viktoriin- ümbris-kaks .korrustatud-tulp-graafik # diagramm-kolmeosaline-üks, # viktoriin-ümbris-kolm .korrustatud-tulp-graafik-diagramm-kolmeosaline-üks {laius: 28%; taust: # 009ee2} # viktoriin-ümbris-üks .korrutatud-tulp-graafik # diagramm-kolmeosaline-kaks, # viktoriin-ümbris-kaks .korrutatud-tulpdiagramm -diagramm-kolm-tükk-kaks, # viktoriin-ümbris-kolm .volditud- tulpdiagramm # diagramm-kolm tükki-kaks {laius: 4%; taust: # 000; värv: # 000} # viktoriin-ümbris-üks .laotud-tulpdiagramm # diagramm-kolm tükit-kolm, # viktoriin-ümbris- kaks .korrustatud tulpdiagrammi # diagramm-kolmeosaline-kolm, # viktoriin-ümbris-kolm .korrustatud-tulp-graafikut # diagramm-kolmeosaline-kolm {laius: 3%; taust: # 999; värv: # 999} # viktoriin-ümbris-üks .korrutatud-tulp-graafik # diagramm-kolm tükki-neli, # viktoriin-ümbris-kaks .korrutatud-tulpdiagramm # diagramm-kolm tükki-neli, # viktoriin-ümbris-kolm .kootud-tulpdiagramm # diagramm-kolmeosaline-neli {laius: 65%; taust: # 69306c} # viktoriin-ümbris-üks .kootud-tulp-graafik # diagramm-neli tükki-üks, # viktoriin-mähis -kahe. virnastatud tulp-graafik # diagramm-neli tükki-üks, # viktoriin-ümbris-kolm. virnastatud-tulp-graafik # diagramm-neli tükis-üks {laius: 26%; taust: # 009ee2} #viktoriin -pakendaja-üks. virnastatud tulp-graafik # diagramm-neli-tükk-kaks, # viktoriin-ümbris-kaks. virnastatud-tulp-graafik # diagramm-neli tükki-kaks, # viktoriin-ümbris-kolm. virnastatud riba -graaf # diagramm-neli tükis-kaks {laius: 5%; taust: # 000; värv: # 000} # viktoriin-ümbris-üks .laotud-tulpdiagramm # diagramm-neli tükit-kolm, # viktoriin- ümbris-kaks . virnastatud tulpdiagramm # diagramm-neli-tükk-kolm, # viktoriin-ümbris-kolm.-virnastatud-tulp-graafik - diagramm-neli-tükk-kolm {laius: 3%; taust: # 999; värv: # 999 } # viktoriin-ümbris-üks .korrutatud-tulp-graafik # diagramm-neli-tükk-neli, # viktoriin-ümbris-kaks .korrutatud-tulpdiagramm # diagramm-neli-tükk-neli, # viktoriin-mähis-kolm. virnastatud tulpdiagramm # diagramm-neli-tükk-neli {laius: 66%; taust: # 69306c} # viktoriin-ümbris-üks. virnastatud-tulpdiagramm # diagramm-viis tükki-üks, # viktoriin-ümbris- kaks .korrustatud tulpdiagrammi # diagramm-viis tükki-üks, # viktoriin-ümbris-kolm. virnastatud tulp-graafikut # diagramm-viis-tükk-üks {laius: 22%; taust: # 009ee2} # viktoriin- ümbris-üks. virnastatud-tulp-graafik # diagramm-viis tükki-kaks, # viktoriin-ümbris-kaks.-virnastatud-tulp-graafik # diagramm-viis-tükk-kaks, # viktoriin-ümbris-kolm .kootud-tulp- graafik # diagramm-viis-tükk-kaks {laius: 7, 5%; taust: # 000; värv: # 000} # viktoriin-ümbris-üks .laotud-tulp-graafik # diagramm-viis-tükk-kolm, # viktoriin-ümbris -kahe. laotud-tulp-graafik # diagramm-viis tükki-kolm, # viktoriin-ümbris-kolm. virnastatud-tulp-graaf # diagramm-viis-tükk-kolm {laius: 7, 5%; taust: # 999; värv: # 999 } # viktoriin-ümbris-üks .korrutatud-tulp-graafik # diagramm-viis tükki-neli, # viktoriin-ümbris-kaks .korrutatud-tulpdiagramm # diagramm-viis-tükk-neli, # viktoriin-ümbris-kolm. virnastatud tulpdiagramm # diagramm-viis-tükk-neli {laius: 63%; taust: # 69306c} # viktoriin-ümbris-üks. järgmine küsimus, # viktoriin-ümbris-üks. eelmine-küsimus, # viktoriin-ümbris -kahe. järgmine küsimus, # viktoriin-ümbris-kaks .eelmine-küsimus, # viktoriin-ümbris-kolm. järgmine-küsimus, # viktoriin-mähis-kolm .eelmine-küsimus {positsioon: absoluutne; paremal: 15px; alt: 15 pikslit; värv: # 333; fondi suurus: 10 px; fondi suurus: 1rem; fondi perekond: "Open sans", sans-serif; fondi mass: 700; teksti teisendus: suurtähed; kuvamine: puudub} # quiz -pakendaja-üks. järgmine küsimus: hõljutage, # viktoriin-ümbris-üks .eelne küsimus: hõljutage, # viktoriin-ümbris-kaks .tekst-küsimus: hõljutage, # viktoriin-ümbris-kaks .eelise küsimus: hõljutage, # viktoriin-ümbris-kolm. järgmine küsimus: hõljutage, # viktoriin-ümbris-kolm. eelmine-küsimus: hõljutage {värv: # 009ee2; kursor: osuti} # viktoriin-ümbris-üks. eelmine-küsimus, # viktoriin-ümbris -kahe. eelnev küsimus, # viktoriin-ümbris-kolm. eelmine küsimus {vasakul: 20 pikslit} Ainult @media ekraan ja (maksimaalne laius: 950 pikslit) ja (minimaalne laius: 816 pikslit), ainult ekraan ja (maksimaalne laius: 650 pikslit) {# viktoriiniümbris-kaks {kõrgus: 700px}} @ ainult meediumiekraan ja ( maksimaalne laius: 500 pikslit) {# viktoriiniümbris-kaks {kõrgus: 650px}} ainult meediumiekraan ja (maksimaalne laius: 450px) {# viktoriin-ümbris-kaks {kõrgus: 720px}} # viktoriin-ümbris-kaks # viktoriin-kaks küsimust-1 {kuva: sisemine-plokk} # viktoriin-ümbris-kaks .viktoriin-kaks-küsimusteksti {värv: #FFFFFF; fondi suurus: 16 pikslit; fondi suurus: 1, 6rem; fondi- kaal: 700; joonekõrgus: 35 pikslit; taust: # 000; polster: ainult 10 pikslit 30 pikslit} ainult @ media ekraan ja (maksimaalne laius: 1050 pikslit) ja (minimaalne laius: 816 pikslit) {# viktoriin-ümbris-kaks. viktoriin- kahe küsimuse teksti {font-size: 15px; font-size: 1, 5rem}} @ ainult meediumiekraan ja (maksimaalne laius: 500px) {# viktoriiniümbris-kaks .quiz-kaks-küsimusteksti {font- suurus: 12 pikslit; fondi suurus: 1, 2 sirmi; rea kõrgus: 27 pikslit}} ainult meediumiekraan ja (maksimaalne laius: 400 pikslit) {# viktoriiniümbris-kaks .viktoriin-kaks küsimust-tekst {polster: 10 pikslit 20 pikslit }} # viktoriin-ümbris-kaks .viktoriin-kaks-suvandit {laius: 35%; kõrgus: 100%; polster: 30 pikslit 0 0 15 pikslit; taust: # E7E7E7; kuva: sisemine blokk} @media ainult ekraan ja (maksimaalne laius: 950 pikslit) ja (minimaalne laius: 816 pikslit), ainult ekraan ja (maksimaalne laius: 650 pikslit) {# viktoriiniümbris-kaks .kvits-kaks-võimalust {laius: 100%; kõrgus: 90 pikslit; polsterdus: 0 0 0 10 pikslit}} ainult @ meediumide ekraan ja (maksimaalne laius: 450 pikslit) {# viktoriin-ümbris-kaks. Viktoriini-kaks-suvandit {kõrgus: 130 pikslit}} ainult @ meediumide ekraan ja (maksimaalne laius : 400 pikslit) {# viktoriin-ümbris-kaks .viktoriin-kaks-suvandit {polsterdus: 0 0 0 8px}} @ ainult meediumiekraan ja (maksimaalne laius: 950 pikslit) ja (minimaalne laius: 816 pikslit), ainult ekraan ja ( maksimaalne laius: 650 pikslit) {# viktoriin-ümbris-kaks. viktoriini-kaks-suvandid. viktoriini suvand {kuva: tekstisisene plokk; veeris: 12 pikslit 0 0 0}} @ ainult meediumiekraan ja (maksimaalne laius: 450 pikslit) {# viktoriiniümbris-kaks .viktoriini-kaks-suvandit .kvist-valikuvõimalus {laius: 175px}} ainult @ meediumide ekraan ja (maksimaalne laius: 400 pikslit) {# viktoriiniümbris-kaks .kvits-kaks-suvandid .viktoriin -valik {laius: 130px}} # viktoriin-ümbris-kaks .viktoriin-kaks-suvandit .viktoriin-kaks-valikuvõimalus-tekst {kõrgus: 25px; värv: # 222; fondi suurus: 12px; fondi suurus: 1, 1rem ; fondi mass: 700; teksti teisendamine: suurtähed; veeris: 0 0 35 pikslit 0; kuvamine: ainult tekstisisene plokk} @ media ekraan ja (maksimaalne laius: 1050 pikslit) ja (minimaalne laius: 816 pikslit) {# viktoriin-ümbris-kaks .viktoriin-kaks-suvandit .viktoriin-kaks-valikuvõimalus-tekst {fondi suurus: 10, 5xx; fondi suurus: 1, 05rem}} ainult @ meediumide ekraan ja ( max laius: 950 pikslit) ja (minimaalne laius: 816 pikslit), ainult ekraan ja (maksimaalne laius: 650 pikslit) {# viktoriiniümbris-kaks .kvits-kaks-suvandit. viktoriin-kaks-suvand-tekst {fondi suurus : 10 pikslit; fondi suurus: 1rem; veeris: 0 15 pikslit 0 0}} ainult meediumiekraan ja (maksimaalne laius: 400 pikslit) {# viktoriiniümbris-kaks .kvits-kaks-suvandit. Viktoriin-kaks-suvand-tekst {fondi suurus: 7, 5 pikslit; fondi suurus: 0, 75 sirmi; veeris: 0 5 pikslit 0 0}} # viktoriin-ümbris-kaks. viktoriini-kaks-võimalust. viktoriin-kaks-valiku nuppu - {laius: 25 pikslit; kõrgus: 25 pikslit; värv: # 222; veeris: -5 pikslit 8 pikslit 0 5 pikslit; ääris: kindel 3 pikslit # 222; -moz-piiri raadius: 100%; - veebikomplekti-raadiuse raadius: 100%; - o-piiri raadius: 100 %; raadiuse raadius: 100%; kuva: rivisiseselt blokeeritav; vertikaalne joondamine: keskel} # viktoriin-ümbris-kaks .viktoriin-kaks-suvandit .viktoriin-kaks-valiku nuppu: hõljutage {taust: # 009ee2; ääris : kindel 3xx009ee2; kursor: ainult osuti} @media ekraan ja (maksimaalne laius: 950px) ja (minimaalne laius: 816px), ainult ekraan ja (maksimaalne laius: 650px) {# viktoriin-ümbris-kaks .viktoriini -kahe -valikud .quiz-kahe valikuga nupp {laius: 22 px; kõrgus: 22 px; veeris: -3px 0 0 0}} @ ainult meediumiekraan ja (maksimaalne laius: 400 px) {# viktoriin-ümbris-kaks .quiz- kaks varianti .quiz-kaks-variant-nuppu {veerg: 0}} # viktoriin-ümbris-kaks .kvik-kaks-vastust {laius: 60%! oluline; veeris: 20px 0 0 1%! oluline} ainult @media ekraan ja (maksimaalne laius: 1050 pikslit) ja (minimaalne laius: 816 pikslit) {# viktoriiniümbris-kaks .viktoriin-kaks vastust {marginaal: 10px 0 0 1%! oluline}} @ ainult meediumikuvar ja (max laius: 950 pikslit) ja (minimaalne laius: 816 pikslit), ainult ekraan ja (maksimaalne laius: 650 pikslit) {# viktoriin-ümbris-kaks .viktoriin-kaks vastust {laius: 100%! oluline; polster: 20 pikslit 0 0 0 ! tähtis}} ainult @ meediumide ekraan ja (maksimaalne laius: 550 pikslit) {# viktoriin-ümbris-kaks .viktoriin-kaks vastust {veerg: 0! oluline}} # viktoriiniümbris-kaks .kvits-kaks vastust # viktoriin-kaks diagrammi-üks-pirukas-viil-üks {taust: # 009ee2; -veebikomplekti teisendus: pööramine (0); - moz-teisendus: pööramine (0); - o-teisendus: pööramine (0); teisendus : pööramine (0); z-indeks: 1} # viktoriin-ümbris-kaks .viktoriin-kaks vastust # viktoriin-kaks diagrammi-üks-piruka-viil-kaks {taust: # 4AC0EE; -webkit-teisendus: pööramine (5 deg); - moz-teisendus: pööramine (5deg); - o-teisendus: pööramine (5deg); teisendus: pööramine (5deg); z-indeks: 2} # viktoriin-ümbris-kaks .viktoriin-kaks vastust #viktoriin -t kahe skeemi-kahe viilu-kahe sildiga {ülaosa: 60 pikslit; vasak: 163 pikslit; värv: #FFFFFF; kirjasuurus: 25 px; fondi suurus: 2, 5rem; fondi mass: 700; teksti joondamine: keskel ; text-shadow: 0 0 2px # 666; -webkit-font-smoothing: antialiased} # viktoriin-ümbris-kaks .viktoriin-kaks vastust # viktoriin-kaks diagrammi-üks-pirukas-viil-kolm {taust: # AAE0FA; -veebikomplekti teisendus: pööramine (88deg); - moz-teisendus: pööramine (88deg); - o-teisendus: pööramine (88deg); teisendus: pööramine (88deg); z-indeks: 3} # viktoriin-ümbris- two .quiz-two-answer # quiz-two-chart-one-pie-slice-three-pikendatud {background: # AAE0FA; -webkit-transformers: pööra (120deg); - moz-teisendus: pööra (120deg); - o-teisendus: pööramine (120 kraadi); teisendus: pööramine (120 kraadi); z-indeks: 3} # viktoriin-ümbris-kaks .viktoriin-kaks vastust # viktoriin-kaks diagrammi-üks-viil-kolm-silt {üleval : 170 pikslit; vasak: 90 pikslit; värv: #FFFFFF; kirjasuurus: 35 pikslit; fondi suurus: 3, 5rem; fondi mass: 700; teksti joondamine: keskel; teksti vari: 0 0 2 pikslit # 666; -webkit- fondi silumine: antialiased} # viktoriin räppar-kaks .kvik-kaks-vastust # viktoriin-kaks-diagramm-üks-piruka-viil-neli {taust: # 333; -veebikomplekti teisendus: pööramine (125 kraadi); - moz-teisendus: pööramine (125 kraadi); - o-teisendus: pööramine (125 kraadi); teisendus: pööramine (125 kraadi); z-indeks: 2} # viktoriin-ümbris-kaks .viktoriin-kaks vastust # viktoriin-kaks diagrammi-üks-piruka-viil-viis {taust : # AE99B7; -veebikomplekti teisendus: pööramine (160 kraadi); - moz-teisendus: pööramine (160 kraadi); - o-teisendus: pööramine (160 kraadi); teisendus: pööramine (160 kraadi); z-indeks: 1} # viktoriin- ümbris-kaks .viktoriin-kaks vastust # viktoriin-kaks diagrammi-kaks viilu-viis silti {ülaosa: 40 pikslit; vasak: 43 pikslit; värv: #FFFFFF; fondi suurus: 17 px; fondi suurus: 1, 7rem; fondi kaal: 700; teksti joondamine: keskel; teksti vari: 0 0 2 pikslit # 666; -veebikomplekt-fondi silumine: antialiased} # viktoriin-ümbris-kaks .viktoriin-kaks vastust # viktoriin-kaks-diagramm- üks pirukas-viil-kuus {taust: # 69306C; -veebikomplekti teisendus: pööramine (180 kraadi); - moz-teisendus: pööramine (180 kraadi); - o-teisendus: pööramine (180 kraadi); teisendus: pööramine (180 kraadi); z-indeks: 0} # viktoriin-ümbris-kaks .viktoriin-kaks vastust .viktoriin-kaks piruka-diagrammi-sildi pikendust {asukoht: absoluutne; värv: # 000; fondi suurus: 12 pikslit; fondi suurus: 1, 2rem; fon t-kaal: 700; joonekõrgus: 18 pikslit; z-indeks: 999; kuvamine: puudub} # viktoriin-ümbris-kaks .viktoriin-kaks vastust .viktoriin-kaks-pie-diagramm-ümbris {laius: 280px; kõrgus : 280 pikslit; asukoht: suhteline; veeris: 30 pikslit automaatne} @ ainult meediumiekraan ja (maksimaalne laius: 1050 pikslit) ja (minimaalne laius: 816 pikslit) {# viktoriiniümbris-kaks .viktoriin-kaks-vastust .võistlus-kaks- pie-chart-wrapper {margin: 20px auto}} # quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart diagramm {laius: 280px; kõrgus: 280px; asukoht: suhteline; taust: # 69306c; ülevool: varjatud; -moz-piiri raadius: 100%; - webkit-border-raadius: 100%; - o-border-raadius: 100%; border-raadius: 100%; box-shadow: 0 0 10px # 333 } # viktoriin-ümbris-kaks .viktoriin-kaks-vastust .viktoriin-kaks-piruka diagramm: esimene laps {veerise ülaosa: 30 pikslit} # viktoriiniümbris-kaks .viktoriin-kaks vastust .viktoriin-kaks-pirukas -tabel: hõljutage {kursor: osuti} # viktoriin-ümbris-kaks .viktoriin-kaks vastust .viktoriin-kaks-pie-skeem .kvits-kaks-piruka-viil {laius: 141px; kõrgus: 141px; asukoht: absoluutne; 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
| Both
| 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
| Both
| 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
| Both
| 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
| Both
| 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. How about you? 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 >
