Οι περισσότεροι Αμερικανοί θεωρούν το μέλλον που βασίζεται στην τεχνολογία με μια αίσθηση ελπίδας.
Απλά δεν θέλουν να ζήσουν εκεί.
Αυτή η παράδοξη άποψη - η τεχνολογία του μέλλοντος ακούγεται φοβερή, αλλά δεν είναι για μένα - είναι ένα σημαντικό εύρημα από μια αποκλειστική νέα εθνική έρευνα που πραγματοποιήθηκε από την Smithsonian και το Pew Research Center. Στη δημοσκόπηση διεξήχθη συνέντευξη από 1.001 άτομα το Φεβρουάριο με σταθερό ή κινητό τηλέφωνο.
Σχεδόν το 60% των ερωτηθέντων δήλωσε ότι η τεχνολογία θα βελτιώσει τη ζωή στο μέλλον - περίπου διπλάσιο από όσους δήλωσαν ότι θα χειροτερέψουν τα πράγματα. Αλλά αυτοκίνητα χωρίς οδηγό; Εργαστηριακά παραγόμενα κρέατα; Εγκέφαλος εμφυτεύματα μόνο για να γίνει πιο έξυπνη ή να βελτιώσει τη μνήμη; Οχι ευχαριστώ.
html, body, div, span, img {margin: 0; padding: 0 · border: 0 · font-size: 100% · font: inherit · vertical- · γραμμή-ύψος: 1 · γραμματοσειρά-οικογένεια: "Open Sans", "Bureau Grot Cond Book", sans-serif}. : 90% · ύψος: 290px · χρώμα: # 009ee2 · μέγεθος γραμματοσειράς: 20px · μέγεθος γραμματοσειράς: 2 · γραμματοσειρά: 700 · περίγραμμα: κανένα · σημαντικό · περίγραμμα: καμία · -moz-box-shadow: κανένα · -webkit-box-shadow: κανένα · -o-κουτί-σκιά: κανένας · box-shadow: κανένα · περιθώριο: 5% 5% 0 5% # 009ee2 · χρώμα: #FFFFFF · μέγεθος γραμματοσειράς: 15px · μέγεθος γραμματοσειράς: 1.5rem · γραμματοσειρά: 700 · κείμενο-ευθυγράμμιση: κέντρο · κείμενο-μετασχηματισμός: κεφαλαίο · float: δικαίωμα · περιθώριο: 0 5% 0 0 } κουμπί: δείκτη {cursor: pointer} .γυαλισμένο κείμενο {χρώμα: # 009ee2; text-transform: κεφαλαίο · περιθώριο: 0 5px 0 0}. -chart-image: hover {cursor: pointer} # quiz-wrapper-one, # κουίζ-περιτύλιγμα-δύο, # κουίζ-περιτύλιγμα-τρεις {πλάτος: 100% 333, οικογένεια γραμματοσειράς: "Bur (max-width: 950px) και (min-width: 816px), μόνο οθόνη και (μέγιστο πλάτος: 650px) {# quiz-wrapper-one, # quiz-wrapper-two, # quiz-wrapper-three {ύψος: 650px}} @ {quiz-wrapper-two, # quiz-wrapper-three {height: 550px}} @ μόνο οθόνη μέσων και (max-width: 400px) {quiz-wrapper-one, τρία {height: 600px, border: none}} # quiz-wrapper-one.quote, # quiz-wrapper-two.quality, # quiz-wrapper-three.quality {width: 100% σχετικό κείμενο, κουτί-περιτύλιγμα-ένα, ερώτημα-κείμενο, ερώτημα-κείμενο {πλάτος: 100%; χρώμα: #FFFFFF, μέγεθος γραμματοσειράς: 20px, μέγεθος γραμματοσειράς: 2rem, γραμματοσειρά: 700, ύψος γραμμής: 41px, φόντο: # 000, padding: 10px 30px, -width: 500px) {# quiz-wrapper-one .query -quote-text, # quiz-wrapper-two .questio n. ερώτημα-κειμένου, # quiz-wrapper-three .query-ερώτημα-κείμενο {font-size: 12px; font-size: 1.2rem; ) {quiz-wrapper-one .quot; ερώτημα-κειμένου, # quiz-wrapper-two .query -quote-text, # quiz-wrapper-three.question.quote-text {padding: 10px 20px} Ερώτηση τύπου-δύο-κειμένου, # quiz-wrapper-two .query-τύπου-δύο-κειμένου, # quiz-wrapper-three.question. Μέγεθος: 16px, μέγεθος γραμματοσειράς: 1.6rem, γραμμή-ύψος: 35px} οθόνη μόνο @media και (max-width: 500px) {quiz-wrapper-one. Τυποποιημένος τύπος-δύο-κειμένου {quiz-wrapper-three .question. Τύπος ερωτήματος-δύο κειμένων {font-size: 12px; font-size: 1.2rem; } # quiz-wrapper-one .query-options, # quiz-wrapper-two .question .options, # quiz-wrapper-three .question .options {πλάτος: 35%, ύψος: 100%, padding: 50px 0 0 0 · περιθώριο: 0 αυτόματη · φόντο: # E7E7E7 · εμφάνιση: inline-block} μόνο οθόνη @media και (max-wid th: 950px) και (min-width: 816px), μόνο οθόνη και (max-width: 650px) {# quiz-wrapper-one. -Θυθείσα ερώτηση {width: 100% · height: 80px · text-align: center · padding: 15px 0 0 0}} @ μόνο οθόνη μέσων και (max-width: 500px) {# quiz-wrapper-one. ερωτήσεις, # ερωτήσεις κουίζ-περιτύλιξης-δύο ερωτήσεις, # quiz-wrapper-three .question. επιλογές {height: 65px}} @ μόνο οθόνη μέσων και (max-width: 400px) {quiz-wrapper-one .quiz-one-option, # # quiz-wrapper-one-option, # quiz-wrapper-one-option, # quiz-wrapper- τελεία-μία-επιλογή, # quiz-wrapper-three .query-options.quiz-one-option {height: 40px; margin: 0 0 35px 30px} max-width: 950px) και (min-width: 816px), μόνο οθόνη και (max-width: 650px) {quiz-wrapper-one. ερώτηση .options .quiz-one-option, # quiz-wrapper Τριπλό-ευθυγραμμισμένο: κορυφή}} Μόνο οθόνη μέσων και (μέγιστο πλάτος: 450px ) {quiz-wrapper-one .query -options .quiz-one-option, # quiz-wrapper-two .query -options .quiz-one-option, # quiz-wrapper-three.question .options .quiz-one -option {margin: 0 0 35px 5px}} @ μόνο οθόνη μέσων και (μέγιστο πλάτος: 400px) {# quiz-wrapper-one .question .options .quiz-one-option, # quiz-wrapper-two. οι επιλογές .quiz-one-option, # quiz-wrapper-three .query-options.quiz-one-option {πλάτος: 47%, περιθώριο: 0 0 0 3%, float: left}} # quiz-wrapper-one. ερώτημα .επιλογές .quiz-one-option .option-text, # quiz-wrapper-two .quote-options-quiz-one-option .option-text, # quiz-wrapper-three. επιλογή γραμματοσειράς-κείμενο: {width: 115px · χρώμα: # 222 · μέγεθος γραμματοσειράς: 17px · μέγεθος γραμματοσειράς: 1.7rem · γραμματοσειρά: 700 · ύψος γραμμής: 30px · text-transform: αποκλεισμός} μόνο στην οθόνη @media και (max-width: 950px) και (min-width: 816px) (max-width: 650px) {# quiz-wrapper-one .query-options.quiz-one-option .option-text, # quiz-wrapper-two. κείμενο, κουίζ-περιτύλιγμα-τρία .επιλογές .επιλογές .quiz-one-option. κείμενο-επιλογής {width: 60px; font-size: 14px; font-size: 1.4rem; margin: -4px 0 0 0} μόνο οθόνη μέσων και (μέγιστο πλάτος: 500px) {# quiz-wrapper-one .query-options .quiz-one-option .option-text, # quiz-wrapper-two. επιλογή-κείμενο, # quiz-wrapper-three .query-options.quiz-one-option .option-text {πλάτος: 50px- μέγεθος γραμματοσειράς: 11px- μέγεθος γραμματοσειράς: 1.1rem- 0 · κατακόρυφη ευθυγράμμιση: επάνω}} μόνο οθόνη μέσων και (μέγιστο πλάτος: 450px) {# quiz-wrapper-one .query-options.quiz-one-option .option-text, # quiz-wrapper-two. ερώτημα .επιλογές .quiz-one-option .option-text, # quiz-wrapper-three .question .options .quiz-one-option .option-text {font-size: 10px; -wrapper-one .query -options .quiz-one-option .option-button, # quiz-wrapper-two .questio n επιλογές .quiz-one-option. κουμπί επιλογής, # quiz-wrapper-three .query -options .quiz-one-option. κουμπί επιλογής {width: 25px; height: 25px; margin: 0 10px 0 5px; σύνορα: στερεά 3px # 222; -moz-ακτίνα-ακτίνα: 100% · - webkit-ακτίνα-ακτίνα: 100% · - οριακή ακτίνα: 100% · ακτίνα ακτίνας: 100% · εμφάνιση: κάθετη επιλογή κουμπιού περιτύλιξης -επιλογή κουμπιού-επιλογής -κουμπί-επιλογής. κουμπί επιλογής: αιώρηση, # κουίζ-περιτύλιγμα-δύο .επιλογές .επιλογές .quiz-one-option. κουμπί επιλογής: ανοιχτό, # κουίζ-περιτύλιγμα-τρία .επιλογές .επιλογές .quiz-one-option .Option-κουμπί: αιώρηση {φόντο: # 009ee2- περίγραμμα: στερεό 3px # 009ee2; : 950px) και (ελάχιστο πλάτος: 816px), μόνο οθόνη και (μέγιστο πλάτος: 650px) {# quiz-wrapper-one .question .options .quiz-one-option .option-button, # quiz-wrapper-two .επιλογές .επιλογές .quiz-one-option .option-button, # quiz-wrapper-three .question .options .quiz-one-option. κουμπί επιλογής {width: 20px; height: 20px; margin: 0 4px}} # quiz-wrapper-one .query .answer, # quiz-wrapper-two .q Αντικατάσταση γραμματοσειράς: ανοιχτό sans, sans-serif, απεικόνιση: κανένας, vertical-align: top} @media μόνο οθόνη και (μέγιστο πλάτος: 950px) και (min-width: 816px), μόνο οθόνη και (max-width: 650px) {# quiz-wrapper-one.question.answer, #quiz-wrapper-two. ερώτηση .answer, # quiz-wrapper-three .question .answer {πλάτος: 100%}} @ μόνο οθόνη μέσου και (μέγιστο πλάτος: 400px) {quiz-wrapper-one. δύο .query .answer, # quiz-wrapper-three .question .answer {zoom: 84%}} # κουίζ-περιτύλιγμα-ένα .query.answer .answer-text, # quiz-wrapper-two .question .answer .answer -text, # quiz-wrapper-three.question.answer.answer-text {χρώμα: # 222; μέγεθος γραμματοσειράς: 16px · μέγεθος γραμματοσειράς: 1.6rem · γραμματοσειρά: 700 · κείμενο- 0 αυτόματο · εμφάνιση: πίνακας} μόνο οθόνη @media και (μέγιστο πλάτος: 950px) και (min-width: 816px), μόνο οθόνη και (max-width: 650px) {# quiz-wrapper-one. απάντηση-κείμενο, # quiz-wrapper-two .query .answer .answer-text, # quiz -wrapper-three.question.answer.answer-text {font-size: 15px; font-size: 1.5rem}} # quiz-wrapper-one. .answer.py-chart, # quiz-wrapper-three .query.answer.pie-chart {width: 280px; height: 280px; position: relative; margin: 30px auto} # quiz-wrapper-one. Πίνακας διάταξης: Περάστε το δείκτη του ποντικιού: # hover, # quiz-wrapper-two .query.answer .pie-chart: hover, # quiz-wrapper- max-width: 950px) και (min-width: 816px), μόνο οθόνη και (max-width: 650px) {# quiz-wrapper-one. η απάντηση .pie-chart, # quiz-wrapper-three .query .answer .pie-chart {margin: 20px auto}} # quiz-wrapper-one. Δύο ερωτηματικά.-φόντο. χρώμα-φόντο: # 999; θέση: απόλυτο; πλάτος: 280px · ύψος : 280px; -moz-ακτίνα-ακτίνα: 100%; -webkit-ακτίνα-ακτίνα: 100% - οριακή ακτίνα: 100% - ακτίνα ακτίνας: 100% - moz-box-σκιά: 0 0 10px # 333 -webkit-box-shadow 0 0 10px # 333; -o-box-σκιά: 0 0 10px # 333; κουτί-σκιά: 0 0 10px # 333} # quiz-wrapper-one. ερώτηση .support.pie-chart .pie, # quiz-wrapper-three .query -answer.pie-chart.pdf {θέση: απόλυτο · πλάτος: 280px · ύψος: 280px · -moz-ακτίνα-ακτίνα: 100% webkit-ακτίνα-ακτίνα: 100%, - οριακή ακτίνα: 100%, ακτίνα ακτίνας: 100%, κλιπ: ορθογώνιο (0px, 140px, 280px, 0px)} # quiz-wrapper one. Πίνακας διάστιχου .pie-slice, # quiz-wrapper-two .query -answer.pie-chart .pie-slice, # quiz-wrapper-three .question .answer .pie-chart .pie-slice {position: Πλάτος: 0 · ύψος: 0 · πλάτος: 280px · ύψος: 280px · -moz-ακτίνα ακτίνας: 100% · - webkit-ακτίνα ακτίνας: 100% · - ακτίνα ορίων: 100% 100%, κλιπ: rect (0px, 280px, 280px, 140px), - webkit-backface-ορατότητα: κρυφό} # quiz-wrapper-one. -μια ερώτηση .gr., . #........................................... (φόντο): # 009ee2; -webkit-transform: περιστρέψτε (0deg); ############################################################################################################ (0deg), μετασχηματισμός: περιστροφή (0deg)} # quiz-wrapper-one .query .answer .pie-chart .pie-chart-label, # κουίζ -wrapper-two .query.answer .pie-chart .pie-chart-label, # quiz-wrapper-three .question .answer .pie-chart. χρώμα: #FFFFFF; κείμενο-ευθυγράμμιση: κέντρο} # quiz-wrapper-one .query .answer .pie-chart # γραφή-ένα-φέτα-ένα-ετικέτα, # quiz-wrapper-two. # chart-one-slice-one-label, # quiz-wrapper-three .query -answer.py-chart # chart-one-slice-one-label {top: 10px, left: 83px; μέγεθος γραμματοσειράς: 0.5rem, ύψος γραμμής: 14px} # quiz-wrapper-one .query .answer .pie-chart # chart-one-slice-one-labe l-αριθμό, # κουίζ-περιτύλιγμα-δύο .query -answer.py-chart # γράφημα-ένα-φέτα-ένα-αριθμό-ετικέτα, # quiz-wrapper- slice-one-label-number {μέγεθος γραμματοσειράς: 10px; μέγεθος γραμματοσειράς: 1rem; μέγεθος γραμματοσειράς: 700; γραμμή-ύψος: 20px} # quiz-wrapper-one. - δύο, # κουίζ-περιτύλιγμα-δύο .query .answer .pie-chart # pie-slice-two, # quiz-wrapper-three. - μετασχηματισμός: περιστροφή (145deg), - μετασχηματισμός: περιστροφή (145deg), # quiz-wrapper-one, το γράφημα # γράφημα-ένα-φέτα-δύο-ετικέτα, # κουίζ-περιτύλιγμα-δύο .query -answer.pie-chart # γράφημα-ένα-φέτα-δύο-ετικέτα, γράφημα # γράφημα-μία-φέτα-δύο-ετικέτα {κορυφή: 70px · αριστερά: 160px · γραμματοσειρά: 19px · μέγεθος γραμματοσειράς: 1.9rem · γραμμή-ύψος: 34px · κείμενο-ευθυγράμμιση: (μέγιστο πλάτος: 400px) {# quiz-wrapper-one .query -answer.py-chart # chart-one-slice-two-label, # quiz-wrapper-tw α. ετικέτα-χαρτί-γράφημα-ένα-φέτα-δύο-ετικέτα, # κουτί-περιτύλιγμα-τρία. ; μέγεθος γραμματοσειράς: 1.7rem}} # quiz-wrapper-one .query -answer.pie-chart # διάγραμμα-ένα-φέτα-δύο-ετικέτα-αριθμός, # quiz-wrapper-two. # chart-one-slice-two-label-number, # quiz-wrapper-three .question .answer .pie-chart # chart-one-slice-two-label-αριθμός {font-size: 2.9rem · γραμματοσειρά-βάρος: 700 · γραμμή-ύψος: 50px} μόνο οθόνη @media και (μέγιστο πλάτος: 400px) {# quiz-wrapper-one. - αριθμός ετικέτας, # quiz-wrapper-two .query -answer.py-chart # διάγραμμα-ένα-φέτα-δύο-ετικέτα-αριθμός, # κουίζ-περιτύλιγμα-τρία. -slice-two-label-number {μέγεθος γραμματοσειράς: 27px, μέγεθος γραμματοσειράς: 2.7rem}} # quiz-wrapper-one. ερώτημα # τσάι-τσάι-τρία, # κουτί-περιτύλιγμα-τρία .query .answer .pie-chart # pie-slice-three {backgroun d: # 009ee2, -webkit-transform: περιστρέψτε (30deg), - moz-transform: περιστρέψτε (30deg), - o-transform: περιστρέψτε (30deg) .sub-chart-graph # one-slice-three-label, # quiz-wrapper-two .query -answer.py-chart # chart-one-slice-three-label, # quiz-wrapper- Αντιστοίχιση γραμματοσειράς # γράφημα-μία-φέτα-τρία ετικέτα {top: 100px · αριστερά: 25px · γραμματοσειρά: 14px · γραμματοσειρά: # quiz-wrapper-one .query -answer.py-chart # γράφημα-ένα-φέτα-τρία-αριθμό-ετικέτα, # quiz-wrapper- αριθμός ετικέτας, # quiz-wrapper-three .query -answer.py-chart # γράφημα-ένα-φέτα-τρία-αριθμός-ετικέτα {font-size: 24px; line-height: 50px} # quiz-wrapper-one # ερώτηση-1, # κουίζ-περιτύλιγμα-δύο # ερωτήσεις-1, # ερωτήσεις-1 {display: block} # quiz-wrapper-one. ράβδος-ετικέτες-συστοιχίες-γραφήματα, # κουτιά-περιτύλιγμα-δύο. 50px · περιθώριο: 80px αυτόματη 0 αυτόματη · γραμμή-ύψος: 9px} # quiz-wrapper-one .stacked-bar-graph-labels. ετικέτες γραμματοσειράς, γραμματοσειράς, γραμματοσειράς, γραμματοσειράς, γραμματοσειράς, γραμματοσειράς, γραμματοσειράς, γραμματοσειράς, γραμματοσειράς και γραμματοσειράς. : 5px, γραμματοσειρά-μέγεθος: 0.5rem, εμφάνιση: inline-block} # quiz-wrapper-one. γραφή-ετικέτες # chart-two-label-one, # quiz-wrapper-three. - ένα ετικέτες με ετικέτες-ετικέτες-γραφή-δύο-ετικέτα-δύο, # κουτιά-περιτύλιγμα-δύο. -bar-graph-labels # γράφημα-δύο-ετικέτα-δύο {πλάτος: 5.5%} # quiz-wrapper-one. ράβδος-ετικέτες-γραφή-ετικέτες-τρισδιάστατα, # κουτιά-περιτύλιγμα-τρία. ένα τετράγωνο-ετικέτες-τέσσερις, # κουίζ-περιτύλιγμα-δύο-ετικέτες-τέσσερις, # κουίζ-περιτύλιγμα-δύο. bar-γραφή-ετικέτες # γράφημα-δύο-ετικέτα-τέσσερα {πλάτος: 30%, γραμματοσειρά: 700} # κουίζ-περιτύλιγμα-ένα. -wrapper-two.stacked -bar-graph-labels # γράφημα-τρία-ετικέτα-ένα, # κουτιά-περιτύλιγμα-τρία. -weight: 700} # κουίζ-περιτύλιγμα-ένα. γραμματοσειρές-ετικέτες # chart-three-label-two, # quiz-wrapper-two., # τετράγωνο-περιτύλιγμα-τρία γραμματοσειρά-ετικέτες-γραφή-ετικέτες-γράφημα-τρεις-ετικέτα-δύο {πλάτος: 5%} # Τρίτη, Τρίτη, Τρίτη, Τρίτη, Τρίτη, Τρίτη, Τρίτη, Τρίτη, Τρίτη, Τυποποιημένη, 22%} # κουίζ-περιτύλιγμα-ένα. Γραμμωτές ετικέτες # chart-three-label-four, # quiz-wrapper-two. τεσσάρων ετικετών-τεσσάρων {πλάτος: 33%, γραμματοσειράς-βάρος: 700} # τεταγμένος-περιτύλιγμα-ένα. - ετικέτες # διάγραμμα-τέσσερις-ετικέτα-ένα, # κουτιά-περιτύλιγμα-δύο. - ετικέτα - ένα {πλάτος: 25% · γραμματοσειρά-βάρος: 700} # τετράγωνο-περιτύλιγμα-ένα · τετράγωνο-ετικέτα- bar-graph-labels # γράφημα-τέσσερις-ετικέτα-δύο, # κουτιά-περιτύλιγμα-τρεις. -bar-graph-labels # γράφημα-τέσσερα-ετικέτα-τρία, # κουτιά-περιτύλιγμα-δύο. ετικέτες-γράμματα-τέσσερα-ετικέτα-τρία {width: 22%} # κουτί-περιτύλιγμα-ένα. γράφημα-ετικέτες # chart-four-label-four, # quiz-wrapper-three. - ένα τετράγωνο-γραμματοσειρές-ετικέτες # γράφημα-πέντε-ετικέτα-ένα, # κουτιά-περιτύλιγμα-δύο. bar-γραφή-ετικέτες # γράφημα-πέντε-ετικέτα-ένα {πλάτος: 22%, γραμματοσειρά: 700} # κουίζ-περιτύλιγμα-ένα. -wrapper-two.stacked-bar-γραφικά-ετικέτες # chart-five-label-two, # quiz-wrapper- τεσσάρων ετικετών-τριών, # τεσσάρων ετικετών-τριών, # τεμαχίων-περιτύλιξης-δύο. τρία γραμμάτια ετικετών # διάγραμμα-πέντε-ετικέτα-τρία {πλάτος: 22%} # κουτιά-περιτύλιγμα-ένα. - δύο ετικέτες-γράμματα-γράμματα-διάγραμμα-πέντε-ετικέτες-τέσσερα, # κουτιά-περιτύλιγμα-τρία. : 700} # κουίζ-περιτύλιγμα-ένα γραμμικό γράφημα, # quiz-wrapper-δύο. σι : # 69306c · περιθώριο: 0 αυτόματη · κείμενο-ευθυγράμμιση: κέντρο · κουτί-σκιά: 0 3px 8px # 999} # quiz-wrapper-one. bar-graph: hover, # quiz-wrapper-three.stacked-bar-graph: δείκτης {cursor: pointer} # quiz-wrapper-one. Δύο τετράγωνα γραμματοσειρά. Κοτσαδόρος-γραφή-τεμάχιο, # Κουίζ-περιτύλιγμα-Τρία. #FFFFFF; μέγεθος γραμματοσειράς: 18px; μέγεθος γραμματοσειράς: 1.8rem; γραμματοσειρά: 700 · ύψος γραμμής: 50px} # quiz-wrapper-one. (μέγεθος γραμματοσειράς: 14px, γραμματοσειρά-μέγεθος: 1.4rem, font-size-font-size, βάρος: 700 · κείμενο-ευθυγράμμιση: αριστερά · εμφάνιση: κανένας · # κουίζ-περιτύλιγμα-ένα · πακέτο-γραφή-γραφή · διάγραμμα-δύο-κομμάτι-ένα · # δύο-κομμάτι-ένα, # κουτιά-περιτύλιγμα-τρία. σάρωση-γραμμή-γράφημα # γράφημα-δύο-κομμάτι-ένα {πλάτος: 37%, φόντο: # 009ee2} ένα-τεμάχιο-δύο, # κουίζ-περιτύλιγμα-δύο. -συσταθεί-μπαρ-γράφημα # γράφημα # διάγραμμα-δύο-κομμάτι-δύο {πλάτος: 5, 5% · φόντο: # 000; χρώμα: # 000} # quiz-wrapper-one - δύο-κομμάτι-τρία {πλάτος: 4, 5% · φόντο: # 999 · χρώμα: δύο-κομμάτι-τρία · # # 999} # κουίζ-περιτύλιγμα-ένα. -Γραμμισμένο-γραφή-γράφημα # διάγραμμα-δύο τεμάχια-τέσσερα, # κουίζ-περιτύλιγμα-δύο. Τρία κομμάτια-τετράγωνο-γράφημα # διάγραμμα-δύο τεμάχια-τέσσερα {πλάτος: 53%, φόντο: # 69306c} # κουίζ-περιτύλιγμα-ένα. περιτύλιγμα-δύο .Κάκελος-γραφή-γράφημα # γράφημα-τρία κομμάτα-ένα, # κουίζ-περιτύλιγμα-τρία. τετράγωνο-γράφημα # ένα γράφημα-τρεις-κομμάτι-δύο, # κουίζ-περιτύλιγμα-δύο. ραβδόγραμμα # γράφημα-τρία κομμάτια-δύο {πλάτος: 4% · φόντο: # 000 · χρώμα: # 000} # κουίζ-περιτύλιγμα-ένα. τα δύο, το τετράγωνο, το γράφημα, το τρισδιάστατο, το τρισδιάστατο, το κουτί-περιτύλιγμα, το τρισδιάστατο, το γράφημα, το τρισδιάστατο, το πλάτος: 3%, το φόντο: 999} # κουίζ-περιτύλιγμα-ένα. -Γραμμισμένο-γράφημα # γράφημα-τρία κομμάτια-τέσσερα, # κουίζ-περιτύλιγμα-δύο. .Κατάλληλο-γράφημα # γράφημα-τρία τεμάχια-τέσσερα {πλάτος: 65% · φόντο: # 69306c} # κουίζ-περιτύλιγμα-ένα. - δύο τετράγωνο-γράφημα # γράφημα-τεσσάρων τεμαχίων-ένα, # κουίζ-περιτύλιγμα-τρία γραμματοσειρά # διάγραμμα-τεσσάρων τεμαχίων-ένα {πλάτος: 26%, φόντο: # 009ee2} - περιτύλιγμα-ένα. -γραμμισμένο-γραφή-γράφημα # διάγραμμα-τεσσάρων τεμαχίων-δύο, # τετράγωνο-περιτύλιγμα-δύο. - γράφημα # διάγραμμα-τεσσάρων τεμαχίων-δύο {πλάτος: 5% · φόντο: # 000 · χρώμα: # 000} # κουίζ-περιτύλιγμα-ένα. περιτύλιγμα-δύο .Κατάκλειστα-γραφήματα # γράφημα-τεσσάρων τεμαχίων-τρία, # τεστ-περιτύλιγμα-τρία. } # τετράγωνο-περιτύλιγμα-ένα. διαβαθμισμένη γραμμή-γράφημα # διάγραμμα-τεσσάρων τεμαχίων-τέσσερα, # κουίζ-περιτύλιγμα-δύο. διανυσματικά γράμματα # γράφημα-τεσσάρων τεμαχίων-τέσσερα {πλάτος: 66% · φόντο: # 69306c} # κουίζ-περιτύλιγμα-ένα. δύο τετράγωνο-γράφημα # γράφημα-πέντε-κομμάτι-ένα, # κουίζ-περιτύλιγμα-τρία γραμματοσειρά # γράφημα-πέντε τεμάχια-ένα πλάτος 22% φόντο # 009ee2} περιτύλιγμα-ένα, .ολοκληρωμένο-γράφημα # γράφημα-πέντε-κομμάτι-δύο, # κουίζ-περιτύλιγμα-δύο. γράφημα # διάγραμμα-πέντε τεμάχια-δύο {πλάτος: 7, 5% · φόντο: # 000; χρώμα: # 000} # quiz-wrapper-one. δύο-τεμάχιο-τρία, # τεσσάρων τεμαχίων-τρία, # τετράγωνο-περιτύλιγμα-τρία. # 999 } # κουίζ-περιτύλιγμα-ένα. -γραμμισμένο-γραφή-γράφημα # διάγραμμα-πέντε τεμάχια-τέσσερα, # κουίζ-περιτύλιγμα-δύο. # quiz-wrapper-one. -xt-ερώτηση, # quiz-wrapper-one προηγούμενο ερώτημα, # quiz-wrapper δύο ερωτήσεις, # quiz-wrapper-two προηγούμενο ερώτημα, # quiz-wrapper-three. επόμενη ερώτηση, # quiz-wrapper-three. προηγούμενο ερώτημα {position: 15px · χρώμα: # 333 · μέγεθος γραμματοσειράς: 10px · γραμματοσειρά: 1rem · γραμματοσειρά: "Open sans", sans-serif · γραμματοσειρά: 700 · text-transform: κεφαλαία · εμφάνιση: -wrapper-one επόμενη ερώτηση: hover, # quiz-wrapper-one .προηγούμενο ερώτημα: hover, # quiz-wrapper-δύο επόμενο ερώτημα: hover, # quiz-wrapper-two. # quiz-wrapper-three. επόμενο ερώτημα: hover, # quiz-wrapper-three. προηγούμενο ερώτημα: hover {χρώμα: # 009ee2, cursor: pointer} # quiz-wrapper-one. -προηγούμενη ερώτηση, # κουίζ-περιτύλιγμα-τρεις .προηγούμενη-ερώτηση {αριστερά: 20px} Μόνο οθόνη @media και (μέγιστο πλάτος: 950px) και (ελάχιστο πλάτος: 816px), μόνο οθόνη και (μέγιστο πλάτος: 650px) {# quiz-wrapper-two {height: 700px} μέγιστο πλάτος: 500px) {# quiz-wrapper-two {ύψος: 650px}} @ μόνο οθόνη μέσων και (μέγιστο πλάτος: 450px) {quiz-wrapper-two {height: 720px}} # quiz-wrapper # quiz-two-question-1 {εμφάνιση: inline-block} # κουίζ-περιτύλιγμα-δύο. (max-width: 1050px) και (min-width: 816px) {# quiz-wrapper-two .quiz- {font-size: 15px; font-size: 1.5rem}} Μόνο στην οθόνη μέσων και (max-width: 500px) {quiz-wrapper-two. μέγεθος: 12px, μέγεθος γραμματοσειράς: 1.2rem, γραμμή-ύψος: 27px}} @ μόνο οθόνη μέσων και (μέγιστο πλάτος: 400px) {quiz-wrapper-two. }} # quiz-wrapper-two .quiz-two-options {width: 35%, height: 100%, padding: 30px 0 0 15px, background: # E7E7E7; μόνο οθόνη και (μέγιστο πλάτος: 950px) και (min-width: 816px), μόνο οθόνη και (max-width: 650px) {quiz-wrapper-two. 90px, padding: 0 0 0 10px}} @ μόνο οθόνη μέσου και (μέγιστο πλάτος: 450px) {# quiz-wrapper-two .quiz-two-options {height: 130px}} @ : 400px) {# quiz-wrapper-two .quiz-two-options {padding: 0 0 0 8px}} @ μόνο οθόνη μέσου και (μέγιστο πλάτος: 950px) max-width: 650px) {# quiz-wrapper-two .quiz-two-options .quiz-option {display: inline-block; margin: 12px 0 0 0}} @ {quiz-wrapper-two .quiz-two-options .quiz-option {width: 175px}} @ μόνο οθόνη μέσων και (max-width: 400px) {quiz-wrapper-two. -option {width: 130px}} # quiz-wrapper-two .quiz-two-options.quiz-two-option-text {height: 25px; χρώμα: # 222; · μέγεθος γραμματοσειράς: 700 · κείμενο-μετασχηματισμός: κεφαλαία · περιθώριο: 0 0 35px 0 · εμφάνιση: inline-block} μόνο οθόνη @media και (μέγιστο πλάτος: 1050px) και (ελάχιστο πλάτος: 816px) {# quiz-wrapper-two .quiz-two-options.quiz-two-option-text {μέγεθος γραμματοσειράς: 10.5px; max-width: 950px) και (min-width: 816px), μόνο οθόνη και (max-width: 650px) {quiz-wrapper-two. : 10px, μέγεθος γραμματοσειράς: 1rem, περιθώριο: 0 15px 0 0}} @ μόνο οθόνη μέσων και (μέγιστο πλάτος: 400px) {# quiz-wrapper-two .quiz-two-options. {font-size: 7.5px, μέγεθος γραμματοσειράς: 0.75rem; περιθώριο: 0 5px 0 0}} # quiz-wrapper-two .quiz-two-options. 25px · χρώμα: # 222 · περιθώριο: -5px 8px 0 5px · περιθώριο: συμπαγές 3px # 222; -moz-ακτίνα ακτίνας: 100% · - webkit-ακτίνα ακτίνας: 100% · - οριακή ακτίνα: 100 %, ακρίβεια περιθωρίου: 100%, εμφάνιση: inline-block, κατακόρυφη ευθυγράμμιση: μεσαία} # quiz-wrapper-δύο .quiz-two-options.quiz-two-option -button: hover {background: # 009ee2; : στερεό 3px # 009ee2, δείκτης: δείκτης} μόνο οθόνη και (μέγιστο πλάτος: 950px) και (ελάχιστο πλάτος: 816px), μόνο οθόνη και (max-width: 650px) {quiz-wrapper- -δύο -windsquick-two-option-κουμπί {width: 22px; height: 22px; margin: -3px 0 0 0}} @ Δύο επιλογές: .quiz-two-option-κουμπί {περιθώριο: 0}} # quiz-wrapper-δύο .quiz-two-answer {width: 20px 0 0 1%! (ελάχιστο πλάτος: 1050px) και (min-width: 816px) {# quiz-wrapper-two.quiz-two-answer {margin: 10px 0 0 1% πλάτος: 950px) και (ελάχιστο πλάτος: 816px), μόνο οθόνη και (μέγιστο πλάτος: 650px) {# quiz-wrapper-two.quiz-two-answer {width: 100%! ! important}} @ μόνο οθόνη μέσων και (max-width: 550px) {# quiz-wrapper-two .quiz-two-answer # (0), - o-transform: περιστρέψτε (0), μετασχηματισμός (0), μετασχηματισμός (0), μετασχηματισμός (0) : περιστρέψτε (0), z-index: 1} # quiz-wrapper-two .quiz-two-answer # quiz-two-chart-one-pie-slice-two {background: # 4AC0EE; (5 - μετασχηματισμός: περιστροφή (5deg), μεταστροφή: περιστροφή (5deg), z-δείκτης: 2} # quiz-wrapper-two .quiz-two-answer #quiz -τμήμα-δύο-φέτα-δύο ετικέτες {top: 60px · αριστερά: 163px · χρώμα: #FFFFFF · μέγεθος γραμματοσειράς: 25px · μέγεθος γραμματοσειράς: 2.5 · γραμματοσειρά: 700 · κείμενο-ευθυγράμμιση: · κείμενο-σκιά: 0 0 2px # 666; -webkit-γραμματοσειρά-εξομάλυνση: antialiased} # quiz-wrapper-δύο. (88deg) · - μετασχηματισμός: περιστροφή (88deg) · μετασχηματισμός: περιστροφή (88deg) · z-index: 3 · # quiz-wrapper- (.degreece): - ################################################################################################################## - o-μετασχηματισμός: περιστροφή (120deg), μετασχηματισμός: περιστροφή (120deg), z-index: 3} # quiz-wrapper-two. : 170px · αριστερά: 90px · χρώμα: #FFFFFF · μέγεθος γραμματοσειράς: 35px · μέγεθος γραμματοσειράς: 3.5 · γραμματοσειρά: 700 · κείμενο-ευθυγράμμιση: κέντρο · σκιά κειμένου: 0 0 2px # 666 · -webkit- γραμματοσειρά-εξομάλυνση: antialiased} # quiz-w (125deg), - moz-transform: περιστρέψτε (125deg), - να μετατρέψετε (125deg), - o-μετασχηματισμός: περιστρέψτε (125deg), μετασχηματισμός: περιστροφή (125deg), z-index: 2} # quiz-wrapper-two-quiz-two-answer : # AE99B7; -webkit-μετασχηματισμός: περιστροφή (160deg); - moz-μετασχηματισμός: περιστροφή (160deg) περιτύλιγμα-δύο .quiz-two-answer # κουίζ-δύο-γράφημα-δύο-φέτα-πέντε-ετικέτα {top: 40px- αριστερά: 43px- χρώμα: #FFFFFF- μέγεθος γραμματοσειράς: 17px- μέγεθος γραμματοσειράς: 1.7rem; Μέγεθος γραμματοσειράς: 700 · κείμενο-ευθυγράμμιση: κέντρο · σκιά κειμένου: 0 0 2px # 666; -webkit-γραμματοσειρά-εξομάλυνση: antialiased} # quiz-wrapper- (180deg), - μετασχηματισμός: περιστροφή (180deg), - μετασχηματισμός: περιστροφή (180deg), - μετατροπή: περιστροφή (180deg), z-index: 0} # quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart-label-επέκταση { 1.2rem; t-βάρος: 700 · ύψος γραμμής: 18px · z-ευρετήριο: 999 · εμφάνιση: κανένας · # quiz-wrapper-δύο. : 280px · θέση: σχετική · περιθώριο: 30px auto} @media μόνο οθόνη και (μέγιστο πλάτος: 1050px) και (min-width: 816px) {quiz-wrapper-two .quiz-two- Πίνακας-περιτύλιγμα-πλάκα {margin: 20px auto}} # quiz-wrapper-δύο .quiz-two-answer. υπερχείλιση: κρυφή · -moz-περιθώριο-ακτίνα: 100% · - webkit-ακτίνα περιθωρίου: 100% · - οριακή ακτίνα: 100% · ακτίνα περιθωρίου: 100% · σκιά κουτιού: 0 0 10px # 333 } # quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart: πρώτος-παιδί {margin-top: 30px} # quiz-wrapper-two. -chart: δείκτη {cursor: pointer} # quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart. γραμματοσειρά-γραφή-ετικέτα {θέση: απόλυτη · χρώμα: #FFFFFF · γραμματοσειρά-γραμματοσειρά: 700} # quiz-wrapper-δύο. "Άνοιγμα s ans ", sans-serif · γραμματοσειρά: 700 · κείμενο-ευθυγράμμιση: κέντρο · σκιά κειμένου: 0 0 2px # 666 · -webkit-γραμματοσειρά-εξομάλυνση: antialiased · z-index: 999} # quiz-wrapper .quiz-two-answer .quiz-two-pie-chart # κουίζ-δύο-γράφημα-δύο-πίτα-φέτα-μηδέν {κάτω: 140px, αριστερά: 140px, φόντο: # 009ee2} # quiz-wrapper-two. -two-answer .quiz-two-pie-chart # κουίζ-δύο-διάγραμμα-δύο-πίτα-φέτα-ένα {κάτω: 134px- αριστερά: 145px- φόντο: # 4AC0EE- -webkit-transform: ) -moz-μετασχηματισμός: περιστρέψτε (3.6deg), - o-transform: περιστρέψτε (3.6deg), μετασχηματίστε: περιστρέψτε (3.6deg)} # quiz-wrapper -quick-two- (65deg), - moz-transform: περιστρέψτε (65deg), - να μετατρέψετε (65deg), - να μετατρέψετε (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
| Και τα δυο
| Δεν ξέρω
| 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
| Και τα δυο
| Δεν ξέρω
| 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
| Και τα δυο
| Δεν ξέρω
| 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
| Και τα δυο
| Δεν ξέρω
| 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 >
