Већина Американаца на будућност вођену технологијом гледа са осећајем наде.
Они једноставно не желе да живе тамо.
Тај парадоксални поглед - будућа технологија звучи феноменално, али није то за мене - једно је од главних открића ексклузивног новог националног истраживања спроведеног од стране Смитхсониан- а и истраживачког центра Пев. У анкети јавног мњења учествовало је 1.000 људи с интервјуима у фебруару фиксним или мобилним телефоном.
Скоро 60 одсто испитаника рекло је да ће технологија побољшати живот у будућности - отприлике двоструко више од оних који су рекли да ће ствари погоршати стање. Али аутомобили без возача? Месо произведено у лабораторији? Мождани имплантати само да би постали паметнији или побољшали памћење? Не хвала.
хтмл, боди, див, спан, имг {маргин: 0; паддинг: 0; бордер: 0; фонт-сизе: 100%; фонт: наследити; вертикално поравнати: основна линија} боди {видтх: 100%; маргин: 0 ауто ; лине-хеигхт: 1; фамилија фонтова: "Опен Санс", "Буреау Грот Цонд Боок", санс-сериф} .блуе-тект {цолор: # 009ее2} .пурпле-тект {цолор: # 69306ц} тектареа {видтх : 90%; висина: 290пк; боја: # 009ее2; величина фонта: 20пк; величина фонта: 2рем; тежина фонта: 700; обруба: ниједна! Битно; контура: нема; -моз кутије-сенка: нема; -вебкит-бок-схадов: ноне; -о-бок-схадов: ноне; бок-схадов: ноне; маргина: 5% 5% 0 5%; величина: ноне} дугме {ширина: 120пк; висина: 50пк; позадина: # 009ее2; боја: #ФФФФФФ; величина фонта: 15пк; величина фонта: 1, 5рем; тежина фонта: 700; поравнање текста: средина; трансформација текста: велика слова; плутају: десно; маргина: 0 5% 0 0 } тастер: задржите показивач {показивач} показивач} .осветљени текст {боја: # 009ее2; трансформација текста: велика слова; маргина: 0 5пк 0 0} .ие-цхарт-слика {приказ: нема; маргина: 30пк ауто} .ие -цхарт-имаге: лебдите {показивач: показивач} # квиз-омотач-један, # квиз-омотач-два, # квиз-омотач-три {ширина: 100%; висина: 550пк; положај: релативно; граница: чврсто 1пк 333; породица фонтова: "Бур еау Грот Цонд Боок ", санс-сериф; маргина: 20пк ауто 50пк ауто; оверфлов: скривено} @ једини екран и (макс. ширина: 950пк) и (мин-видтх: 816пк), само екран и (мак-видтх: 650пк) {# куиз-враппер-оне, # куиз-враппер-тво, # куиз-враппер-тхрее {хеигхт: 650пк}} @ медијски екран и (мак. Ширина: 500пк) {# куиз-враппер-оне, # куиз-враппер-тво, # куиз-враппер-тхрее {хеигхт: 550пк}} @ медијски екран и (мак. ширина: 400пк) {# куиз-враппер-оне, # куиз-враппер-тво, # куиз-враппер- три {висина: 600пк; ивица: нема}} # квиз-омотач-један. упит, # квиз-омотач-два. упитник, # квиз-омотач-три. упитник {ширина: 100%; висина: 100%; позиција: релативни; приказ: ниједан} # куиз-враппер-оне .куитион .куитион-тект, # куиз-враппер-тво .куитион .кутион-тект, # куиз-враппер-тхрее .куитион .куестион-тект {видтх: 100%; боја: #ФФФФФФ; величина фонта: 20пк; величина фонта: 2рем; тежина фонта: 700; висина линије: 41пк; позадина: # 000; подметање: 10пк 30пк; дисплеј: табела} @ само екран и (макс. -видтх: 500пк) {# куиз-враппер-оне .куитион .куестион-тект, # куиз-враппер-тво .куестио н. упит, текст, # квиз-омотач-три. упитник. упитник-текст {фонт-сизе: 12пк; величина фонта: 1, 2рем; висина линије: 27пк}} @ екран само за медије и (макс. ширина: 400пк ) {# куиз-враппер-оне .куитион .куестион-тект, # куиз-враппер-тво .кутион .кутион-тект, # куиз-враппер-тхрее .куитион .куестион-тект {паддинг: 10пк 20пк}} # куиз- враппер-оне .куитион .куитион-типе-тво-тект, # куиз-враппер-тво .кутион .куестион-типе-тво-тект, # куиз-враппер-тхрее .куитион .куестион-типе-тво-тект {фонт- величина: 16пк; величина фонта: 1.6рем; висина линије: 35пк} екран само за медије и (макс. ширина: 500пк) {# куиз-враппер-оне .куитион .куитион-типе-тво-тект, # куиз- враппер-тво .кутион .куитион-типе-тво-тект, # куиз-враппер-тхрее .кутион .куестион-типе-тво-тект {фонт-сизе: 12пк; фонт-сизе: 1.2рем; лине-хеигхт: 27пк} } # куиз-враппер-оне .куитион .оптионс, # куиз-враппер-тво .кутион .оптионс, # куиз-враппер-три .кутион .оптионс {видтх: 35%; висина: 100%; паддинг: 50пк 0 0 0 маргина: 0 ауто; позадина: # Е7Е7Е7; дисплеј: инлине-блоцк} @ само медијски екран и (мак-вид тх: 950пк) и (мин. ширина: 816пк), само екран и (мак. ширина: 650пк) {# куиз-враппер-оне .куитион .оптионс, # куиз-враппер-тво .куитион .оптионс, # куиз-враппер - три. упит, опције {ширина: 100%; висина: 80 пиксела; поравнавање текста: средина; паддинг: 15пк 0 0 0}} @ медијски екран и (макс. ширина: 500пк) {# куиз-враппер-оне. питање .опције, # куиз-враппер-тво .кутион .оптионс, # куиз-враппер-тхрее .кутион .оптионс {хеигхт: 65пк}} екрана само за медије и (мак-видтх: 400пк) {# куиз-враппер-оне .кутион .оптионс, # куиз-враппер-тво .кутион .оптионс, # куиз-враппер-тхрее .куитион .оптионс {хеигхт: 107пк}} # куиз-враппер-оне .куитион .оптионс .куиз-оне-оптион, # куиз-враппер-тво .кутион .оптионс .куиз-оне-оптион, # куиз-враппер-тхрее .кутион .оптионс .куиз-оне-опција {висина: 40пк; маргина: 0 0 35пк 30пк} @ само екран и ( мак-видтх: 950пк) и (мин-видтх: 816пк), само екран и (мак-видтх: 650пк) {# куиз-враппер-оне .куитион .оптионс .куиз-оне-оптион, # куиз-враппер-тво. питање .опције .куиз-оне-оптион, # куиз-враппер -Три. упитник .опције .куиз-једна опција {маргин: 0 0 35пк 10пк; поравнавање текста: лево; дисплеј: линијски блок; вертикално поравнање: врх}} @ екран само за медије и (макс. ширина: 450пк ) {# куиз-враппер-оне .куитион .оптионс .куиз-оне-оптион, # куиз-враппер-тво .кутион .оптионс .куиз-оне-оптион, # куиз-враппер-тхрее .куитион .оптионс .куиз-оне -оптион {маргин: 0 0 35пк 5пк}} @ екран само за медије и (мак. ширина: 400пк) {# куиз-враппер-оне .куитион .оптионс .куиз-оне-оптион, # куиз-враппер-тво .куитион. опције .куиз-оне-оптион, # куиз-враппер-тхрее .кутион .оптионс .куиз-оне-оптион {видтх: 47%; маргина: 0 0 0 3%; флоат: лефт}} # куиз-враппер-оне. питање .оптионс .куиз-оне-оптион .оптион-тект, # куиз-враппер-тво .кутион .оптионс .куиз-оне-оптион .оптион-тект, # куиз-враппер-тхрее .кутион .оптионс .куиз-оне- опција .оптион-тект {видтх: 115пк; цолор: # 222; сизе: 17пк; фонт-сизе: 1.7рем; фонт-веигхт: 700; лине-хеигхт: 30пк; Трансформација текста: велика слова; дисплеј: инлине- блок} само заслон @медиа и (макс. ширина: 950пк) и (мин. ширина: 816пк) екран и (мак. ширина: 650 пк) {# куиз-враппер-оне .куитион .оптионс .куиз-оне-оптион .оптион-тект, # куиз-враппер-тво .кутион .оптионс .куиз-оне-оптион .оптион- текст, # куиз-враппер-тхрее .куитион .оптионс .куиз-оне-оптион .оптион-тект {видтх: 60пк; фонт-сизе: 14пк; сизе: 1.4рем; маргина: -4пк 0 0 0}} @ екран само за медије и (мак. ширина: 500 пк) {# куиз-враппер-оне .куитион .оптионс .куиз-оне-оптион .оптион-тект, # куиз-враппер-тво .кутион .оптионс .куиз-оне-оптион. опција текста, # куиз-враппер-тхрее .кутион .оптионс .куиз-оне-оптион .оптион-тект {видтх: 50пк; фонт-сизе: 11пк; фонт-сизе: 1.1рем; лине-хеигхт: 20пк; маргин: 0; вертикално поравнавање: врх}} @ екран само за медије и (макс. Ширина: 450 пк) {# куиз-враппер-оне .куитион .оптионс .куиз-оне-оптион .оптион-тект, # куиз-враппер-тво. питање .оптионс .куиз-оне-оптион .оптион-тект, # куиз-враппер-тхрее .кутион .оптионс .куиз-оне-оптион .оптион-тект {фонт-сизе: 10пк; фонт-сизе: 1рем}} # куиз -враппер-оне .куитион .оптионс .куиз-оне-оптион .оптион-буттон, # куиз-враппер-тво .куестио н .оптионс .куиз-оне-оптион .оптион-буттон, # куиз-враппер-тхрее .кутион .оптионс .куиз-оне-оптион .оптион-буттон {видтх: 25пк; хеигхт: 25пк; маргин: 0 10пк 0 5пк; обруб: чврста 3пк # 222; -моц-радијус границе: 100%; - радијус веб-границе: 100%; - о-обруб: 100%; радијус границе: 100%; дисплеј: редни блок; вертикално поравнавање: топ} # куиз-враппер-оне .кутион .оптионс .куиз-оне-оптион .оптион-буттон: лебдите, # куиз-враппер-тво .кутион .оптионс .куиз-оне-оптион .оптион-буттон: лебдите, # куиз-враппер-тхрее .куитион .оптионс .куиз-оне-оптион .оптион-буттон: ховер {бацкгроунд: # 009ее2; бордер: солид 3пк # 009ее2; курсор: показивач} @ једини екран и (мак-видтх) : 950пк) и (мин-ширина: 816пк), само екран и (мак-ширина: 650пк) {# куиз-враппер-оне .куитион .оптионс .куиз-оне-оптион .оптион-буттон, # куиз-враппер-тво .куитион .оптионс .куиз-оне-оптион .оптион-буттон, # куиз-враппер-тхрее .кутион .оптионс .куиз-оне-оптион .оптион-буттон {видтх: 20пк; хеигхт: 20пк; маргин: 0 4пк}} # куиз-враппер-оне .куитион .ансвер, # куиз-враппер-тво .к уестион .ансвер, # куиз-враппер-тхрее .куитион .ансвер {видтх: 64%; маргина: 30пк 0 0 0; фамилија фонтова: „Опен санс“, санс-сериф; дисплеј: ноне; вертикално поравнање: топ} @ само екран и (макс. ширина: 950пк) и (мин. ширина: 816пк), само екран и (мак. ширина: 650пк) {# куиз-враппер-оне .куитион .ансвер, # куиз-враппер-тво. питање .ансвер, # куиз-враппер-тхрее .куитион .ансвер {видтх: 100%}} @ екран само за медије и (мак. ширина: 400пк) {# куиз-враппер-оне .куитион .ансвер, # куиз-враппер- два .куитион .ансвер, # куиз-враппер-тхрее .куитион .ансвер {зоом: 84%}} # куиз-враппер-оне .куитион .ансвер .ансвер-тект, # куиз-враппер-тво .куитион .ансвер .ансвер -тект, # куиз-враппер-тхрее .куитион .ансвер .ансвер-тект {цолор: # 222; фонт-сизе: 16пк; фонт-сизе: 1.6рем; фонт-веигхт: 700; Трансформација текста: велика слова; маргина: 0 аутоматски; дисплеј: табела} @ само екран и (макс. Ширина: 950пк) и (мин. Ширина: 816пк), само екран и (мак. Ширина: 650пк) {# куиз-враппер-оне .куитион .ансвер. текст одговора, # куиз-враппер-тво .куитион .ансвер .ансвер-тект, # куиз -враппер-три .куитион .ансвер .ансвер-тект {фонт-сизе: 15пк; фонт-сизе: 1.5рем}} # куиз-враппер-оне .куитион .ансвер .пие-цхарт, # куиз-враппер-тво .куитион .ансвер .пие-цхарт, # куиз-враппер-тхрее .кутион .ансвер .пие-цхарт {ширина: 280пк; висина: 280пк; позиција: релативно; маргина: 30пк ауто} # куиз-враппер-оне .куитион .ансвер. пита-графикон: ховер, # куиз-враппер-тво. упитник .ансвер .пие-цхарт: лебдећи, # куиз-враппер-три. упитник .ансвер .пие-цхарт: ховер {курзор: показивач} @ само екран и ( мак-видтх: 950пк) и (мин-видтх: 816пк), само екран и (мак-видтх: 650пк) {# куиз-враппер-оне .куитион .ансвер .пие-цхарт, # куиз-враппер-тво .прација. одговор .пие-цхарт, # куиз-враппер-тхрее .кутион .ансвер .пие-цхарт {маргин: 20пк ауто}} # куиз-враппер-оне .куитион .ансвер .пие-цхарт .пие-бацкгроунд, # куиз-враппер -тво .куитион .ансвер .пие-цхарт .пие-бацкгроунд, # куиз-враппер-тхрее .кутион .ансвер .пие-цхарт .пие-бацкгроунд {позадина-боја: # 999; позиција: апсолутна; ширина: 280пк; висина : 280пк; -моз-радијус: 100%; -вебкит-радијус: 100%; - о-обруб границе: 100%; радијус границе: 100%; - моз-бок-схадов: 0 0 10пк # 333; -вебкит-бок-схадов: 0 0 10пк # 333; -о-бок-схадов: 0 0 10пк # 333; бок-схадов: 0 0 10пк # 333} # куиз-враппер-оне .куитион .ансвер .пие-цхарт .пие, # куиз-враппер-тво. питање .ансвер .пие-цхарт .пие, # куиз-враппер-тхрее .кутион .ансвер .пие-цхарт .пие {позиција: апсолутна; ширина: 280пк; висина: 280пк; -моз-радијус: 100%; - веб-граница-радијус: 100%; - о-обруб границе: 100%; радијус границе: 100%; исечак: рецт (0пк, 140пк, 280пк, 0пк)} # куиз-враппер-оне .куитион .ансвер. пие-цхарт .пие-слице, # куиз-враппер-тво .куитион .ансвер .пие-цхарт .пие-слице, # куиз-враппер-три .куитион .ансвер .пие-цхарт .пие-слице {позиција: апсолутна; ширина: 0; висина: 0; ширина: 280пк; висина: 280пк; -моз-радијус границе: 100%; - радијус веб-границе: 100%; - о-обруб-радијус: 100%; обруб границе: 100%; исјечак: рецт (0пк, 280пк, 280пк, 140пк); - видљивост вебкита-позадине: скривено} # куиз-враппер-оне .куитион .ансвер .пие-цхарт # пие-слице-оне, # куиз-враппер -једно питање .ансвер .пие-цхарт .пие, # куиз-враппер-тво .куитион .ансвер .пие-цхарт # пие-слице-оне, # куиз-враппер-тво .куитион .ансвер .пие-цхарт .пие, # куиз- омот-три. упитник .ансвер .пие-графикон # пита-кришка-један, # квиз-омот-три. упитник .ансвер .пие-цхарт .пие {бацкгроунд: # 009ее2; -вебкит-трансформација: ротирај (0дег); -моз-трансформација: ротирати (0дег); - о-трансформирати: ротирати (0дег); трансформација: ротирати (0дег)} # куиз-враппер-оне. упит, .ансвер .пие-цхарт .пие-цхарт-лабел, # куиз -враппер-тво .кутион .ансвер .пие-цхарт .пие-цхарт-лабел, # куиз-враппер-тхрее .кутион .ансвер .пие-цхарт .пие-цхарт-лабел {положај: апсолутно; з-индекс: 4; боја: #ФФФФФФ; поравнавање текста: центар} # куиз-враппер-оне .куитион .ансвер .пие-цхарт # графикон-једна кришка-једна-етикета, # квиз-омотач-два. упитник .ансвер .пие-графикон # цхарт-оне-слице-оне-лабел, # куиз-враппер-тхрее .куитион .ансвер .пие-цхарт # цхарт-оне-слицице-оне-лабел {топ: 10пк; лево: 83пк; величина фонта: 5пк; фонт-сизе: 0.5рем; лине-хеигхт: 14пк} # куиз-враппер-оне .куитион .ансвер .пие-цхарт # цхарт-оне-слицице-оне-лабе л-број, # куиз-враппер-тво .куитион .ансвер .пие-цхарт # цхарт-оне-слицице-оне-лабел-нумбер, # куиз-враппер-тхрее .куитион .ансвер .пие-цхарт # цхарт-оне- слице-оне-нумбер-нумбер {фонт-сизе: 10пк; фонт-сизе: 1рем; фонт-веигхт: 700; лине-хеигхт: 20пк} # куиз-враппер-оне .куитион .ансвер .пие-цхарт # пие-слице -тво, # куиз-враппер-тво .кутион .ансвер .пие-цхарт # пие-слице-тво, # куиз-враппер-три .куитион .ансвер .пие-цхарт # пие-слице-тво {позадина: # 69306ц; -вебкит-трансформација: ротирати (145дег); - моз-трансформација: ротирати (145дег); - о-трансформирати: ротирати (145дег); трансформисати: ротирати (145дег)} # куиз-враппер-оне .куитион .ансвер .пие- цхарт # цхарт-оне-слице-тво-лабел, # куиз-враппер-тво .куитион .ансвер .пие-цхарт # цхарт-оне-слицице-тво-лабел, # куиз-враппер-тхрее .куитион .ансвер .пие- графикон # цхарт-оне-слице-тво-лабел {врх: 70пк; лево: 160пк; величина фонта: 19пк; величина фонта: 1.9рем; висина линије: 34пк; поравнање текста: лево} @ једини екран и (максимална ширина: 400пк) {# куиз-враппер-оне .куитион .ансвер .пие-цхарт # цхарт-оне-слицице-тво-лабел, # куиз-враппер-тв о .куитион .ансвер .пие-цхарт # цхарт-оне-слице-тво-лабел, # куиз-враппер-тхрее .куитион .ансвер .пие-цхарт # цхарт-оне-слицице-тво-лабел {фонт-сизе: 17пк ; фонт-сизе: 1.7рем}} # куиз-враппер-оне .куитион .ансвер .пие-цхарт # цхарт-оне-цут-цут-тво-лабел-нумбер, # куиз-враппер-тво .куитион .ансвер .пие-цхарт # цхарт-оне-слице-тво-лабел-нумбер, # куиз-враппер-тхрее .куитион .ансвер .пие-цхарт # цхарт-оне-слице-тво-лабел-нумбер {фонт-сизе: 29пк; фонт-сизе: 2.9рем; фонт: тежина: 700; висина линије: 50пк} @ само екран медија и (макс. Ширина: 400пк) {# куиз-враппер-оне .куитион .ансвер .пие-цхарт # цхарт-оне-цут-слицице-тво -записни број, # квиз-омотач-два. упитник .ансвер .пие-цхарт # графикон-једна кришка-два броја ознаке, # квиз-омотач-три. упитник .ансвер .пие-графикон # графикон-један -слице-тво-лабел-нумбер {фонт-сизе: 27пк; фонт-сизе: 2.7рем}} # куиз-враппер-оне .куитион .ансвер .пие-цхарт # пие-слице-тхрее, # куиз-враппер-тво .куитион .ансвер .пие-цхарт # пита-кришка-три, # квиз-омотач-три. упит, .ансвер .пие-цхарт # пита-кришка-три {бацкгроун д: # 009ее2; -вебкит-трансформација: ротирати (30дег); - моз-трансформација: ротирати (30дег); - о-трансформирати: ротирати (30дег); трансформирати: ротирати (30дег)} # куиз-враппер-оне .куитион .ансвер .пие-цхарт # цхарт-оне-цут-цут-тхрее-лабел, # куиз-враппер-тво .кутион .ансвер .пие-цхарт # цхарт-оне-цут-цут-тхрее-лабел, # куиз-враппер-тхрее .куестион .ансвер .пие-цхарт # цхарт-оне-слице-тхрее-лабел {врх: 100пк; лево: 25пк; величина фонта: 14пк; величина фонта: 1, 4рем; висина линије: 25пк; поравнање текста: лево} # куиз-враппер-оне .куитион .ансвер .пие-цхарт # цхарт-оне-слице-тхрее-лабел-нумбер, # куиз-враппер-тво .куитион .ансвер .пие-цхарт # цхарт-оне-цут-цут-тхрее- Ознака број, # куиз-враппер-тхрее .куитион .ансвер .пие-цхарт # цхарт-оне-слице-тхрее-лабел-нумбер {фонт-сизе: 24пк; величина фонта: 2, 4рем; тежина слова: 700; висина линије: 50пк} # квиз-омотач-једно # питање-1, # квиз-омотач-два # питање-1, # квиз-омотач-три # питање-1 {приказ: блок} # квиз-омот-један. налепљене-бар-граф-налепнице, # куиз-враппер-тво .стацкед-бар-грапх-лабел, # куиз-враппер-тхрее .стацкед-бар-грапх-лабел {видтх: 3 50пк; маргина: 80пк ауто 0 ауто; висина линије: 9пк} # куиз-враппер-оне .стацкед-бар-грапх-лабел .стацкед-бар-грапх-лабел, # куиз-враппер-тво .стацкед-бар-грапх -лабелс .стацкед-бар-грапх-лабел, # куиз-враппер-тхрее .стацкед-бар-грапх-лабелс .стацкед-бар-грапх-лабел {фонт-фамили: "Опен санс", санс-сериф; фонт-сизе : 5пк; фонт-сизе: 0.5рем; дисплеј: инлине-блоцк} # куиз-враппер-оне .стацкед-бар-грапх-лабелс # цхарт-тво-лабел-оне, # куиз-враппер-тво .стацкед-бар- грапх-лабелс # цхарт-тво-лабел-оне, # куиз-враппер-тхрее .стацкед-бар-грапх-лабелс # цхарт-тво-лабел-оне {видтх: 36%; фонт-веигхт: 700} # куиз-враппер -оне .стацкед-бар-грапх-лабелс # цхарт-тво-лабел-тво, # куиз-враппер-тво .стацкед-бар-грапх-лабелс # цхарт-тво-лабел-тво, # куиз-враппер-тхрее .стацкед -бар-грапх-лабелс # цхарт-тво-лабел-тво {видтх: 5.5%} # куиз-враппер-оне .стацкед-бар-грапх-лабелс # цхарт-тво-лабел-тхрее, # куиз-враппер-тво. сложен-бар-граф-налепнице # цхарт-две-етикете-три, # квиз-омотач-три .стаговане-траке-графикони-етикете # графикон-две-ознаке-три {видтх: 22%} # куиз-враппер- један .стацкед-бар-грапх-лабелс # цхарт-тво-лабел-фоур, # куиз-враппер-тво .стацкед-бар-грапх-лабелс # цхарт-тво-лабел-фоур, # куиз-враппер-тхрее .стацкед- бар-граф-етикете # цхарт-тво-лабел-фоур {видтх: 30%; фонт-веигхт: 700} # куиз-враппер-оне .стацкед-бар-грапх-лабелс # цхарт-три-лабел-оне, # куиз -враппер-тво .стацкед-бар-грапх-лабелс # цхарт-тхрее-лабел-оне, # куиз-враппер-тхрее .стацкед-бар-грапх-лабелс # цхарт-три-лабел-оне {ширина: 26, 5%; фонт -веигхт: 700} # куиз-враппер-оне .стацкед-бар-грапх-лабелс # цхарт-три-лабел-тво, # куиз-враппер-тво .стацкед-бар-грапх-лабелс # цхарт-три-лабел-тво, # куиз-враппер-тхрее .стацкед-бар-грапх-лабелс # цхарт-три-лабел-тво {видтх: 5%} # куиз-враппер-оне .стацкед-бар-грапх-лабелс # цхарт-три-лабел- три, # куиз-враппер-тво .стацкед-бар-грапх-лабелс # цхарт-тхрее-лабел-тхрее, # куиз-враппер-тхрее .стацкед-бар-грапх-лабелс # цхарт-три-лабел-тхрее {видтх: 22%} # куиз-враппер-оне .стацкед-бар-грапх-лабелс # цхарт-три-лабел-фоур, # куиз-враппер-тво .стацкед-бар-грапх-лабелс # цхарт-три-л абел-четири, # куиз-враппер-тхрее .стацкед-бар-грапх-лабелс # цхарт-три-лабел-фоур {видтх: 33%; фонт-веигхт: 700} # куиз-враппер-оне .стацкед-бар-грапх -типови # графикон-четири-етикета-један, # квиз-омотач-два .стакнути-трака-графикон-налепнице # графикон-четири-етикета-један, # квиз-омотач-три .стацкед-бар-грапх-лабелс #цхарт -фоур-лабел-оне {ширина: 25%; фонт-веигхт: 700} # куиз-враппер-оне .стацкед-бар-грапх-лабелс # цхарт-фоур-лабел-тво, # куиз-враппер-тво .стацкед- бар-грапх-лабелс # цхарт-фоур-лабел-тво, # куиз-враппер-три .стацкед-бар-грапх-лабелс # цхарт-фоур-лабел-тво {видтх: 5%} # куиз-враппер-оне .стацкед -бар-грапх-лабелс # цхарт-фоур-лабел-тхрее, # куиз-враппер-тво .стацкед-бар-грапх-лабелс # цхарт-фоур-лабел-тхрее, # куиз-враппер-тхрее .стацкед-бар-грапх -типови # графикон-четири-етикета-три {ширина: 22%} # квиз-омотач-један .стакнути-бар-граф-ознаке # графикон-четири-етикета-четири, # квиз-омотач-два. грапх-лабелс # цхарт-фоур-лабел-фоур, # куиз-враппер-тхрее .стацкед-бар-грапх-лабелс # цхарт-фоур-лабел-фоур {видтх: 33%; фонт-веигхт: 700} # куиз-враппер - једна ознака .стацкед-бар-грапх-лабел # цхарт-Фиве-лабел-оне, # куиз-враппер-тво .стацкед-бар-грапх-лабел # цхарт-пет-лабел-оне, # куиз-враппер-тхрее .стацкед- бар-граф-етикете # цхарт-пет-лабел-оне {видтх: 22%; фонт-веигхт: 700} # куиз-враппер-оне .стацкед-бар-грапх-лабелс # цхарт-пет-лабел-тво, # куиз -враппер-тво .стацкед-бар-грапх-лабелс # цхарт-пет-лабел-тво, # куиз-враппер-тхрее .стацкед-бар-грапх-лабелс # цхарт-пет-лабел-тво {видтх: 9%} # куиз-враппер-оне .стацкед-бар-грапх-лабелс # цхарт-фиве-лабел-тхрее, # куиз-враппер-тво .стацкед-бар-грапх-лабелс # цхарт-пет-лабел-тхрее, # куиз-враппер- три налепнице са натписом у облику графикона # цхарт-пет-лабел-тхрее {видтх: 22%} # куиз-враппер-оне .стацкед-бар-грапх-лабелс # цхарт-пет-лабел-фоур, # куиз-враппер -тво .стацкед-бар-грапх-лабелс # цхарт-пет-лабел-фоур, # куиз-враппер-тхрее .стацкед-бар-грапх-лабелс # цхарт-пет-лабел-фоур {видтх: 33%; фонт-веигхт : 700} # куиз-враппер-оне .стацкед-бар-грапх, # куиз-враппер-тво .стацкед-бар-грапх, # куиз-враппер-три .стацкед-бар-грапх {видтх: 0; висина: 50пк; б ацкгроунд: # 69306ц; маргина: 0 ауто; поравнавање текста: центар; оквир-сенка: 0 3пк 8пк # 999} # куиз-враппер-оне .стацкед-бар-граф: лебдећи, # куиз-враппер-тво .стацкед- бар-граф: ховер, # куиз-враппер-три .стацкед-бар-граф: ховер {показивач: показивач} # куиз-враппер-оне .стацкед-бар-грапх .стацкед-бар-грапх-пиеце, # куиз-враппер -тво .стацкед-бар-грапх .стацкед-бар-грапх-пиеце, # куиз-враппер-тхрее .стацкед-бар-грапх .стацкед-бар-грапх-пиеце {хеигхт: 50пк; дисплаи: инлине-блоцк; цолор: #ФФФФФФ; величина фонта: 18пк; величина фонта: 1, 8рем; тежина фонта: 700; висина линије: 50пк} # куиз-враппер-оне .стацкед-бар-грапх .цхарт-пиеце-процент, # куиз- враппер-тво .стацкед-бар-грапх .цхарт-пиеце-процент, # куиз-враппер-тхрее .стацкед-бар-грапх .цхарт-пиеце-процент {фонт-сизе: 14пк; фонт-сизе: 1.4рем; фонт- тежина: 700; поравнање текста: лево; дисплеј: ниједан} # квиз-омотач-један .стакнути-графикон # графикон-два дела-један, # квиз-омот-два. замршени трака-граф # графикон- дводијелни-један, # квиз-омотач-три .стакнути-графикон # графикон-дводијелни-један {ширина: 37%; позадина: # 009ее2} # квиз-омот ер-оне .стацкед-бар-граф # цхарт-тво-пиеце-тво, # куиз-враппер-тво .стацкед-бар-грапх # цхарт-тво-пиеце-тво, # куиз-враппер-тхрее .стацкед-бар- граф # графикон-два дела-два {ширина: 5, 5%; позадина: # 000; боја: # 000} # квиз-омот-један .стакнути-графикон # графикон-два дела-три, # квиз-омотач -тво .стацкед-бар-грапх # цхарт-тво-пиеце-тхрее, # куиз-враппер-тхрее .стацкед-бар-грапх # графикон-дводијелни-три {ширина: 4, 5%; позадина: # 999; боја: # 999} # куиз-враппер-оне .стацкед-бар-граф # цхарт-тво-пиеце-фоур, # куиз-враппер-тво .стацкед-бар-грапх # цхарт-тво-пиеце-фоур, # куиз-враппер- три .стацкед-бар-граф # цхарт-тво-пиеце-фоур {видтх: 53%; бацкгроунд: # 69306ц} # куиз-враппер-оне .стацкед-бар-грапх # цхарт-тхрее-пиеце-оне, # куиз- омот-два .стацкед-бар-граф # цхарт-три-комад-један, # квиз-омотач-три .стацкед-бар-граф # цхарт-троделни {ширина: 28%; позадина: # 009ее2} # куиз-враппер-оне .стацкед-бар-грапх # графикон-три-комад-два, # квиз-омотач-два .стаговани-графикон # графикон-три дела-два, # квиз-омотач-три. графикон # графикон-три дела-два {ширина: 4%; позадина: # 000; боја: # 000} # квиз-омотач-један .стакнути-графикон # графикон-три дела-три, # квиз-омотач- два .стацкед-бар-граф # цхарт-три-комад-три, # квиз-омот-три .стацкед-бар-грапх # графикон-три-комад-три {ширина: 3%; позадина: # 999; боја: # 999} # куиз-враппер-оне .стацкед-бар-граф # цхарт-тхрее-пиеце-фоур, # куиз-враппер-тво .стацкед-бар-грапх # цхарт-тхрее-пиеце-фоур, # куиз-враппер-тхрее .стацкед-бар-граф # цхарт-три-комад-четири {ширина: 65%; позадина: # 69306ц} # квиз-омотач-један .стакнути-графикон # графикон-четири комада-један, # квиз-омотач -тво .стацкед-бар-граф # графикон-четири комада-један, # квиз-омот-три .стакнути-графикон # графикон-четири дела-један {ширина: 26%; позадина: # 009ее2} #куиз -враппер-оне .стацкед-бар-грапх # графикон-четири комада-два, # квиз-омотач-два .стаговани-графикон # графикон-четири дела-два, # квиз-омотач-три. -грапх # цхарт-фоур-пиеце-тво {ширина: 5%; позадина: # 000; боја: # 000} # квиз-омотач-један .стакнути-графикон # графикон-четири дела-три, # квиз- омот-два .стацкед-бар-граф # графикон-четири дела-три, # квиз-омотач-три .стакнути-графикон # графикон-четири дела-три {ширина: 3%; позадина: # 999; боја: # 999 } # куиз-враппер-оне .стацкед-бар-граф # цхарт-фоур-пиеце-фоур, # куиз-враппер-тво .стацкед-бар-грапх # цхарт-фоур-пиеце-фоур, # куиз-враппер-тхрее. сложен-бар-граф # графикон-четири дела-четири {ширина: 66%; позадина: # 69306ц} # квиз-омотач-један .стакнути-графикон # графикон-пет-комад-један, # квиз-омотач- два .стацкед-бар-граф # цхарт-пет-пиеце-оне, # куиз-враппер-три .стацкед-бар-грапх # графикон-пет-део-један {ширина: 22%; позадина: # 009ее2} # куиз- враппер-оне .стацкед-бар-граф # цхарт-пет-пиеце-тво, # куиз-враппер-тво .стацкед-бар-грапх # графикон-пет-комад-два, # квиз-омотач-три .стацкед-бар- граф # графикон-пет-комад-два {ширина: 7, 5%; позадина: # 000; боја: # 000} # квиз-омотач-један .стакнути-графикон # графикон-пет-комад-три, # квиз-омотач -тво .стацкед-бар-граф # цхарт-пет-пиеце-тхрее, # куиз-враппер-тхрее .стацкед-бар-грапх # графикон-пет-комад-три {ширина: 7, 5%; позадина: # 999; боја: # 999 } # куиз-враппер-оне .стацкед-бар-грапх # графикон-пет-комад-четири, # куиз-враппер-тво .стацкед-бар-грапх # цхарт-пет-пиеце-фоур, # куиз-враппер-тхрее. сложен-бар-граф # схема-пет-комад-четири {ширина: 63%; позадина: # 69306ц} # квиз-омотач-један .на следеће питање, # квиз-омотач-један .прегледно питање, # квиз-омотач -тво .нект-питање, # куиз-враппер-тво .превиоус-питање, # куиз-враппер-тхрее .нект-питање, # куиз-враппер-тхрее .превиоус-питање {позиција: апсолутно; десно: 15пк; дно: 15пк; боја: # 333; величина фонта: 10пк; величина фонта: 1рем; породица фонтова: "Опен санс", санс-сериф; фонт-веигхт: 700; трансформација текста: велика слова; екран: ниједан} #куиз -враппер-оне .на следеће питање: лебдећи, # квиз-омотач-један .преглед-питање: лебдећи, # квиз-омот-два. следеће-питање: лебдјети, # квиз-омотач-два. превидно питање: лебдећи, # куиз-враппер-три. следеће питање: лебдећи, # квиз-омотач-три. превидно питање: лебдећи {цолор: # 009ее2; курсор: показивач} # квиз-омотач-један. -тво .превиоус-питање, # куиз-враппер-тхрее .превиоус-питање {лево: 20пк} @медиа само екран и (мак. ширина: 950пк) и (мин. ширина: 816пк), само екран и (мак. ширина: 650пк) {# куиз-враппер-тво {хеигхт: 700пк}} @ само екран и ( мак-видтх: 500пк) {# куиз-враппер-тво {хеигхт: 650пк}} @ медијски екран и (мак-видтх: 450пк) {# куиз-враппер-тво {хеигхт: 720пк}} # куиз-враппер-тво # куиз-тво-куестион-1 {дисплаи: инлине-блоцк} # куиз-враппер-тво .куиз-тво-куестион-тект {цолор: #ФФФФФФ; сизе фонт: 16пк; фонт-сизе: 1.6рем; фонт- тежина: 700; висина линије: 35пк; позадина: # 000; облога: 10пк 30пк} @ само за медије и (макс. ширина: 1050пк) и (мин. ширина: 816пк) {# куиз-враппер-тво .куиз- текст са два питања {фонт-сизе: 15пк; фонт-сизе: 1.5рем}} @ екран само за медије и (мак-ширина: 500пк) {# куиз-враппер-тво .куиз-тво-питање-текст {фонт- величина: 12пк; величина фонта: 1, 2рем; висина линије: 27пк}} @ екран само за медије и (макс. ширина: 400пк) {# куиз-враппер-тво .куиз-тво-куестион-тект {паддинг: 10пк 20пк }} # куиз-враппер-тво .куиз-тво-оптионс {ширина: 35%; висина: 100%; паддинг: 30пк 0 0 15пк; позадина: # Е7Е7Е7; екран: инлине-блоцк} @медиа само екран и (мак. ширина: 950пк) и (мин. ширина: 816пк), само екран и (мак. ширина: 650пк) {# куиз-враппер-тво .куиз-тво-оптионс {ширина: 100%; висина: 90пк; паддинг: 0 0 0 10пк}} @ екран само за медије и (мак. Ширина: 450пк) {# куиз-враппер-тво .куиз-тво-оптионс {хеигхт: 130пк}} @ екран само за медије и (мак-видтх : 400пк) {# куиз-враппер-тво .куиз-тво-оптионс {паддинг: 0 0 0 8пк}} @ екран само за медије и (макс. Ширина: 950пк) и (мин-ширина: 816пк), само екран и ( мак-видтх: 650пк) {# куиз-враппер-тво .куиз-тво-оптионс .куиз-опција {дисплеј: инлине-блоцк; маргина: 12пк 0 0 0}} екран само за медије и (мак-видтх: 450пк) {# куиз-враппер-тво .куиз-тво-оптионс .куиз-опција {видтх: 175пк}} @ екрана само за медије и (мак-видтх: 400пк) {# куиз-враппер-тво .куиз-тво-оптионс .куиз -оптион {видтх: 130пк}} # куиз-враппер-тво .куиз-тво-оптионс .куиз-тво-оптион-тект {хеигхт: 25пк; цолор: # 222; сизе: 12пк; фонт-сизе: 1.1рем ; фонт-веигхт: 700; трансформација текста: велика слова; маргина: 0 0 35пк 0; дисплеј: инлине-блоцк} @ само екран и (макс. ширина: 1050пк) и (минимална ширина: 816пк) {# куиз-враппер-тво .куиз-тво-оптионс .куиз-тво-оптион-тект {фонт-сизе: 10.5пк; фонт-сизе: 1.05рем}} @ екран само за медије и ( мак-видтх: 950пк) и (мин-видтх: 816пк), само екран и (мак-видтх: 650пк) {# куиз-враппер-тво .куиз-тво-оптионс .куиз-тво-оптион-тект {фонт-сизе : 10пк; фонт-сизе: 1рем; маргин: 0 15пк 0 0}} @ екрана само за медије и (мак-видтх: 400пк) {# куиз-враппер-тво .куиз-тво-оптионс .куиз-тво-оптион-тект {фонт-сизе: 7.5пк; фонт-сизе: 0.75рем; маргин: 0 5пк 0 0}} # куиз-враппер-тво .куиз-тво-оптионс .куиз-тво-оптион-буттон {видтх: 25пк; хеигхт: 25пк; боја: # 222; маргина: -5пк 8пк 0 5пк; граница: чврста 3пк # 222; -моз-радијус границе: 100%; - радијус веб-границе: 100%; - о-обруб-радијус: 100 %; радијус обруба: 100%; дисплеј: редни блок; вертикално поравнање: средња} # квиз-омотач-два. квиз-две опције. куиз-две опције-тастер: лебдите {бацкгроунд: # 009ее2; бордер : солидан 3пк # 009ее2; курсор: показивач} @ само на екрану и (макс. ширина: 950пк) и (мин. ширина: 816пк), само екран и (мак. ширина: 650пк) {# куиз-враппер-тво .куиз -два -опције .куиз-тастер са две опције {ширина: 22пк; висина: 22пк; маргина: -3пк 0 0 0}} @ медијски екран и (макс. ширина: 400пк) {# куиз-враппер-тво .куиз- две опције .куиз-тастер са две опције {маргин: 0}} # куиз-враппер-тво .куиз-тво-одговор {видтх: 60%! важно; маржа: 20пк 0 0 1%! битно} @ само медија екран и (мак. ширина: 1050пк) и (мин. ширина: 816пк) {# куиз-враппер-тво .куиз-тво-одговор {маргина: 10пк 0 0 1%! битно}} @ екран само за медије и (мак- ширина: 950пк) и (мин-видтх: 816пк), само екран и (мак-видтх: 650пк) {# куиз-враппер-тво .куиз-тво-ансвер {видтх: 100%! важно; паддинг: 20пк 0 0 0 ! битно}} @ екран само за медије и (макс. ширина: 550 пк) {# куиз-враппер-тво .куиз-тво-ансвер {маргин: 0! важно}} # куиз-враппер-тво .куиз-тво-ансвер # куиз-тво-цхарт-оне-пие-слице-оне {бацкгроунд: # 009ее2; -вебкит-трансформација: ротате (0); - моз-трансформација: ротате (0); - о-трансформација: ротате (0); трансформација : ротате (0); з-индек: 1} # куиз-враппер-тво .куиз-тво-одговор # куиз-тво-цхарт-оне-пие-слице-тво {позадина: # 4АЦ0ЕЕ; -вебкит-трансформација: ротирај (5) дег); - преобликовање мозга: ротирање (5дег); - о-трансформација: ротирање (5дег); трансформација: ротирање (5дег); з-индекс: 2} # квиз-омотач-два. куиз-два одговора #куиз -тво-цхарт-тво-слице-тво-лабел {врх: 60пк; лево: 163пк; боја: #ФФФФФФ; величина фонта: 25пк; величина фонта: 2, 5рем; тежина фонта: 700; поравнање текста: средина ; тект-схадов: 0 0 2пк # 666; -вебкит-фонт-смоотхинг: антиалиасед} # куиз-враппер-тво .куиз-тво-одговор # куиз-тво-цхарт-оне-пие-слице-тхрее {бацкгроунд: # ААЕ0ФА; -вебкит-трансформација: ротирати (88дег); - мо-трансформација: ротирати (88дег); - о-трансформирати: ротирати (88дег); трансформирати: ротирати (88дег); з-индекс: 3} # куиз-враппер- два .куиз-два одговора # куиз-тво-цхарт-оне-пие-слице-тхрее-ектенсион {позадина: # ААЕ0ФА; -вебкит-трансформација: ротирање (120дег); - моз-трансформација: ротирање (120дег); - о-трансформација: ротирање (120дег); трансформација: ротирање (120дег); з-индекс: 3} # квиз-омотач-два .куиз-два одговора # куиз-тво-цхарт-оне-цут-цут-тхрее-лабел {врх : 170пк; лево: 90пк; боја: #ФФФФФФ; величина фонта: 35пк; величина фонта: 3, 5рем; тежина фонта: 700; поравнање текста: центар; текст-сенка: 0 0 2пк # 666; -вебкит- изравнавање фонта: антиалиасед} # куиз-в репер-два .куиз-два одговора # куиз-тво-цхарт-оне-пие-слице-фоур {позадина: # 333; -вебкит-трансформација: ротирати (125дег); - моз-трансформација: ротирати (125дег); - о-трансформација: ротирање (125дег); трансформација: ротирање (125дег); з-индекс: 2} # квиз-омотач-два .куиз-два одговора # квиз-два графикона-једна-пита-кришка-пет {позадина : # АЕ99Б7; -вебкит-трансформација: ротирати (160дег); - моз-трансформација: ротирати (160дег); - о-трансформирати: ротирати (160дег); претворити: ротирати (160дег); з-индекс: 1} # куиз- омот-два .куиз-два одговора # куиз-тво-цхарт-тво-слице-Фиве-лабел {врх: 40пк; лево: 43пк; боја: #ФФФФФФ; величина фонта: 17пк; величина фонта: 1, 7рем; фонт-веигхт: 700; поравнавање текста: центер; тект-схадов: 0 0 2пк # 666; -вебкит-фонт-глаотхинг: антиалиасед} # куиз-враппер-тво .куиз-тво-ансвер # куиз-тво-цхарт- једно-пита-кришка-шест {позадина: # 69306Ц; -вебкит-трансформација: ротирати (180дег); - мог-трансформација: ротирати (180дег); - о-трансформација: ротирати (180дег); трансформација: ротирати (180дег); з-индек: 0} # куиз-враппер-тво .куиз-тво-репли .куиз-тво-пие-цхарт-цхарт-лабел-ектенсион {позиција: апсолутна; боја: # 000; величина фонта: 12пк; величина фонта: 1.2рем; фон т тежина: 700; висина линије: 18пк; з-индекс: 999; дисплеј: нема} # квиз-омотач-два. куиз-два одговора .куиз-тво-пие-цхарт-враппер {ширина: 280пк; висина : 280пк; позиција: релативна; маргина: 30пк ауто} @ само на екрану и (макс. Ширина: 1050пк) и (мин. Ширина: 816пк) {# куиз-враппер-тво .куиз-тво-ансвер .куиз-тво- пие-цхарт-враппер {маргин: 20пк ауто}} # куиз-враппер-тво .куиз-тво-ансвер .куиз-тво-пие-цхарт {ширина: 280пк; висина: 280пк; позиција: релативно; позадина: # 69306ц; преливање: скривено; радијус границе-граница: 100%; - радијус веб-границе: 100%; - о-обруб границе: 100%; радијус границе: 100%; оквир-сенка: 0 0 10пк # 333 } # куиз-враппер-тво .куиз-тво-ансвер .куиз-тво-пие-цхарт: фирст-цхилд {маргин-топ: 30пк} # куиз-враппер-тво .куиз-тво-ансвер .куиз-тво-пие -цхарт: лебдећи {цурсор: поинтер} # куиз-враппер-тво .куиз-тво-ансвер .куиз-тво-пие-цхарт .куиз-тво-пие-слице {ширина: 141пк; висина: 141пк; положај: апсолутни; фонт-веигхт: 700} # куиз-враппер-тво .куиз-тво-репли .куиз-тво-пие-цхарт .куиз-тво-пие-цхарт-лабел {поситион: абсолут; боја: #ФФФФФФ; породица фонтова: "Отвори с анс ", санс-сериф; фонт-веигхт: 700; усклађивање текста: центер; тект-схадов: 0 0 2пк # 666; -вебкит-фонт-смоотхинг: антиалиасед; з-индек: 999} # куиз-враппер-тво .куиз-тво-репли .куиз-тво-пие-цхарт # квиз-два-графикона-два-пита-реза-нула {дно: 140пк; лево: 140пк; позадина: # 009ее2} # куиз-враппер-тво .куиз -тво-одговор .куиз-тво-пие-цхарт # куиз-тво-цхарт-тво-пие-слице-оне {дно: 134пк; лево: 145пк; позадина: # 4АЦ0ЕЕ; -вебкит-трансформирати: ротирати (3.6дег) ; -моз-трансформација: ротирати (3.6дег); - о-трансформација: ротирати (3.6дег); трансформација: ротирати (3.6дег)} # куиз-омотач-два .куиз-два одговора .куиз-тво-пие- графикон # квиз-два графикона-два-пита-реза-два {дно: 35пк; лево: 163пк; позадина: # ААЕ0ФА; -вебкит-трансформација: ротирати (65дег); - моз-трансформисање: ротирати (65дег); - 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
| И једно и друго
| 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
| И једно и друго
| 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
| И једно и друго
| 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
| И једно и друго
| 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. А што се тебе тиче? 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 >
