.container{max-width:1200px;margin:0 auto}.content{text-align:right}#dpi-calculator{width:1in;height:1in;position:absolute;left:-100%;top:-100%}body{font-family:Roboto,sans-serif;font-size:16px;line-height:1.5;transition:background-color .3s ease}.body--dark{background-color:#121212;color:#fff}.body--dark .q-card{background-color:#1e1e1e;color:#fff}.body--dark .q-item{color:#fff}.body--dark .q-item__label{color:#fff!important}.body--dark .q-item__label--caption{color:#e0e0e0!important;font-size:.9rem!important;letter-spacing:.03em!important}.body--dark .q-item-label{color:#fff}.body--dark .q-item-label.caption{color:#e0e0e0}.body--dark .text-grey-7{color:#e0e0e0!important}.body--dark .text-primary{color:#90caf9!important}.body--dark .text-secondary{color:#a5d6a7!important}.body--dark .text-h2{color:#90caf9!important;text-shadow:0 0 10px rgba(144,202,249,.4)}.body--dark .text-h6{color:#fff!important;font-weight:700}.body--dark .text-subtitle1{color:#e0e0e0!important}.body--dark .q-separator{background-color:#ffffff4d}h1,h2,h3,h4,h5,h6{font-family:Open Sans,sans-serif}p{font-family:Lato,sans-serif}.body--dark .q-card{box-shadow:0 4px 12px #000c}.body--dark .q-icon{color:#90caf9}.body--dark .bg-primary{background-color:#1976d2!important}.body--dark .bg-secondary{background-color:#2e7d32!important}.body--dark .q-item:hover{background-color:#ffffff1a}.body--dark .caption{color:#e0e0e0!important}