body { margin: 0; line-height: 1.5; font-family: sans-serif; background: #f9fce8; }

h1 { color: #0c2e05; font-size: 150%; font-family: Verdana,sans-serif; border-bottom: 1px solid #aaa; }

h2 { font-size: 130%; border-bottom: 1px solid #aaa; margin-top: 35px; }

h3 { font-size: 110%; margin-top: 35px; }

a { font-weight: bold; color: darkgreen; text-decoration: none; }

a:hover { text-decoration: underline; }

a.broken { text-decoration: underline wavy red; }

a.external { color: darkred; }

a.file { padding-right: 20px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAe1BMVEX/EZKLi4tOTk7////7/P/+/v/6/P/0+P7u9f2NvfD9/v/4+//y9/3s9Pzk7/vd6/rU5vr2+v7w9/3p8vzi7vva6frR5PnJ4Pjm8fzf7PrX6PnP4/nG3ve92fbk8Pvc6/rV5/nM4fjD3Pe61/ay0/XA2/e41vaw0fWozfQjuuEnAAAAAXRSTlMAQObYZgAAAAFiS0dEAmYLfGQAAAAHdElNRQfhBgQBIQyVBTOPAAAAXklEQVQY043PRRKAMBBE0QiS4O7u9z8hgYIMxSp/+ao3jZBK+I58gIowJX8AuUDDRCRBN0zGOZdg2Y7r+QFAGMVJmuUArCirumkBun4Yp3kBEPN12w8A/vQCkSk9PQHj+QRwZZdGNAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNy0wNi0wNFQwMTozMzoxMiswMjowMAgy+6AAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTctMDYtMDRUMDE6MzM6MTIrMDI6MDB5b0McAAAAAElFTkSuQmCC') right center no-repeat; }

.device-list { display: grid; grid-auto-columns: 200px 1fr; grid-auto-rows: auto; grid-gap: 20px; }

.device-list .device { display: contents; }

.device-list .device .image { grid-column: 1 / 2; }

.device-list .device .image img { width: 100%; display: inline-block; margin: 0; }

.device-list .device .image a { outline: 0; }

.device-list .device .info { grid-column: 2 / 3; }

.device-list .device .info h2 { margin-top: 0; }

.right { text-align: right; }

.placeholder-image { width: 100%; height: 200px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiCiAgIHdpZHRoPSIxODUuMjA4MzNtbSIgaGVpZ2h0PSI1Mi45MTY2NjhtbSIgdmlld0JveD0iMCAwIDE4NS4yMDgzMyA1Mi45MTY2NjgiPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNi41NzA3MTEsLTI0LjM4NTA4KSI+CiAgICA8cmVjdAogICAgICAgc3R5bGU9ImZpbGw6Izk5OTk5OTtmaWxsLW9wYWNpdHk6MTtzdHJva2Utd2lkdGg6MC4yNjQ1ODMzMiIKICAgICAgIHdpZHRoPSIxODUuMjA4MzMiCiAgICAgICBoZWlnaHQ9IjUyLjkxNjY2OCIKICAgICAgIHg9IjE2LjU3MDcxMSIKICAgICAgIHk9IjI0LjM4NTA4IiAvPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOiMwMDgwMDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlLXdpZHRoOjAuMjY0NTgzMzIiCiAgICAgICBkPSJtIDI5LjQ3MDM1OCw2Ny45MTI2MDYgYyAtMC4zODYxOTksLTEuNTE1MDYyIC0wLjA2MDQyLC0yLjg2NDM4NyAwLjQyMjY0LC00LjMxMDUyIDEuMDMxMjk1LC0yLjUxMTY2OCAyLjY0MDQ3MywtNC43NDY2NDEgNC40ODY5NjMsLTYuNzI0MjQgMC41MDg4NzMsLTAuNTQ1MDAyIDEuMDU0MDU1LC0xLjA1NDkzNiAxLjU4MTA4MSwtMS41ODI0MDQgMS43NjUwMDMsLTEuNTk2NDM1IDMuNjA3NzYzLC0zLjExMjYyMiA1LjYwNTczMiwtNC40MTE1MyAxLjgyMjE5MywtMS4xODQ2MzggNS45NTk2ODQsLTMuNDA5ODMxIDcuMTc0NDIzLC00LjAxMjExMyAwLjcyMTQ0NywtMC4zNTc3IDEuNTAwNDQ0LC0wLjU4NTE1MiAyLjI1MDY2NSwtMC44Nzc3MjggNS43NDIzOTcsLTIuMDM1NDk4IDExLjg4NDMyMSwtMi4xNzE3NTEgMTcuOTA2Mzg5LC0yLjM4NDUyOCA1LjQ5Nzc2MywtMC4wNjI3NSAxMS4wNDY0MDQsLTAuNDE3NzY3IDE2LjUyMTE5OSwwLjI5MTE0NCAwLjgzMTIzNiwwLjEwNzYzNiAxLjY1MjI3OCwwLjI4MzA4MSAyLjQ3ODQxNiwwLjQyNDYyIDIuNDY4NjcxLDAuNTM1MzE1IDQuODg3MDgxLDEuMzk3MzczIDYuOTg0NTIzLDIuODMyMTM0IDAuODczNTA2LDAuNTk3NTIyIDEuNTEyNTg2LDEuMTkwMzUyIDIuMzA1NDAyLDEuODc4ODM4IDEuMzI1NTgxLDEuMTE3Mjk4IDIuNDYxNDUzLDIuNDMyNDg0IDMuNjgyMjY5LDMuNjU3MjA4IDAuOTQyODMsMC45NDU4MzUgMS4xMTIwMSwxLjA2MTE3OCAyLjEyNzIxLDEuOTQ1MDc0IDIuMzIwMDYsMS45ODc3NDggNS4xODE0OSwzLjAxMDM0MiA4LjA3NzUzLDMuODI1Mjg1IDIuMDc1NzIsMC41NDE5MzggNC4yMTQzOCwwLjY0MDc3OSA2LjMyOTUxLDAuMjc4OTYxIDEuNDk4MzUsLTAuMjU2MzA3IDIuNTM4MSwtMC41OTQ3NDEgNC4wMjA3OSwtMS4wMTEyNjQgMy45NjU3NSwtMS4yMzc0MjIgNy42ODc4NSwtMy4wODk0NjMgMTEuMjkyNzMsLTUuMTMwNjQxIDAuMTczMTUsLTAuMDk4MDQgMC4zMjQ1NSwtMC4yMzA1OTMgMC40OTIzNSwtMC4zMzc1MjQgMS4wODE5LC0wLjY4OTQzNSAyLjE3MDk3LC0xLjM2NzU3NiAzLjI1NjQ1LC0yLjA1MTM2MiA0Ljk1OTM3LC0zLjIzNzI4NiA5LjcxNTEsLTYuNzcwNjA4IDE0LjU3MTY2LC0xMC4xNTcyNCAwLjQxODIzLC0wLjI4NTMzNSAxLjc1NDc0LC0xLjIxNjgwMSAyLjI3MDE5LC0xLjUwMTgxIDEuNTQwODMsLTAuODUxOTcxIDMuMTc0NjUsLTIuNDIwNTUxIDUuMTA1MzgsLTIuMjc5NDU5IDAuODI4NiwwLjA2MDU1IDEuMDcxNywwLjI2NzMzNSAxLjgwMzcyLDAuNjI0ODIxIDAuMjc4OSwwLjE5NDIwNCAwLjU3MDA4LDAuMzcxODc1IDAuODM2NywwLjU4MjYxOCAwLjY1MDI1LDAuNTEzOTcyIDEuMDgwODEsMC45OTc4NiAxLjY2OTU1LDEuNTg2Nzk5IDEuMDcxNDcsMS4wNzE4NCAyLjE2OTk5LDIuMTEwNTMxIDMuMjgwNDMsMy4xNDE3NjUgMC40MzQsMC40MDAxMzggMC44NjU1OCwwLjgwMjkwOCAxLjMwMTk4LDEuMjAwNDE4IDEuNDMzNTMsMS4zMDU3NzQgMi45MDI3NCwyLjc4MjExNyA0LjQzNjk3LDMuOTU1MDM2IDAuMzQxOSwwLjI2MTM4NyAwLjcwMzI2LDAuNDk2MzAzIDEuMDU0ODksMC43NDQ0NTMgMS40MTIxOSwwLjg3OTQwNCAyLjk0NjYyLDEuNTkwNjQ2IDQuNTU3MzEsMi4wMjM2ODQgMS4yMzU1MiwwLjMzMjE3NCAxLjgwODk0LDAuMzczNjIxIDMuMTA3MjcsMC41NjMzMDYgNC4xNTc3OCwwLjQ0OTA5MyA4LjM0NjI4LDAuNDQxMjc3IDEyLjUyMjg5LDAuNDQzNDIzIDAuNTUzMjUsLTAuMDAzMiAxLjEwNjUsLTAuMDA2NSAxLjY1OTc1LC0wLjAwOTcgMCwwIC0yLjk0OTk3LDIuMTQyMDMyIC0yLjk0OTk3LDIuMTQyMDMyIHYgMCBjIC0wLjU0MTAxLC0wLjAwNjMgLTEuMDgyLC0wLjAxMjU0IC0xLjYyMzAxLC0wLjAxODgxIC00LjE5MjcyLC0wLjA1NjM1IC04LjM5NDU2LC0wLjA5ODMxIC0xMi41NzM0LC0wLjQ2NjY0IC0xLjMzNjczLC0wLjE4MzExIC0xLjk0ODQ3LC0wLjIyMDM3OSAtMy4yMjE0OCwtMC41NjE5MTEgLTEuNjQzMTMsLTAuNDQwODMxIC0zLjE5MzY1LC0xLjIwMjkyMyAtNC42MTkwNiwtMi4xMTk1MjUgLTAuMzU1NDYsLTAuMjU3NDU4IC0wLjcyMjIxLC0wLjUwMDAxNCAtMS4wNjYzOCwtMC43NzIzNzQgLTIuMDE1NzcsLTEuNTk1MTU3IC0zLjY5MjExLC0zLjU4MDk0MiAtNS42ODEyMiwtNS4yMDgwNjkgLTEuMDU4OTUsLTAuOTQ4NDk5IC0xLjM2MzI0LC0xLjIxMTI5MSAtMi4zODA5NCwtMi4xNTkzMDQgLTAuODc0ODcsLTAuODE0OTYyIC0xLjcwMzI3LC0xLjcyNzk3IC0yLjY2NzIsLTIuNDQyMTYyIC0wLjI1ODk3LC0wLjE5MTg3OSAtMC41NDIwNSwtMC4zNDg4OTEgLTAuODEzMDgsLTAuNTIzMzM2IC0wLjcxMDYxLC0wLjI5NTk0MSAtMC45MDcwNiwtMC40NjMzOTMgLTEuNjk0MDMsLTAuNDU1MjQyIC0wLjI4ODI2LDAuMDAzIC0xLjA2NTgyLDAuMzI1MjIxIC0wLjg1NTIzLDAuMTI4MzYzIDAuNjYyNjEsLTAuNjE5NDExIDEuNTM3NTgsLTAuOTYzMjgyIDIuMjkwMDksLTEuNDY5NjgxIDAuNzkyMDgsLTAuNTMzMDE2IC0zLjY1MDM4LDIuMjYyMjM1IC0yLjQxNDY4LDEuNTQwMzQzIC01LjAyMjAzLDMuMzkyODE4IC05LjkwMzY4LDYuOTg4OTExIC0xNC45NjQ2OSwxMC4zMjQzOTQgLTYuNTg3ODcsNC4xNzkwNjcgLTEzLjMwMzM5LDguMzU5MTI2IC0yMC43NjI5MSwxMC44MDAyMDkgLTEuNTg3NjUsMC40NTEyMzkgLTIuNTUxOTMsMC43ODE1MDMgLTQuMTUyMSwxLjAzNzY3NSAtMi4xNjExNCwwLjM0NTk4MiAtNC4zMzg2NSwwLjE5OTc0NyAtNi40NDg0OSwtMC4zNjkyODcgLTIuOTM2NTgsLTAuODU1NzM0IC01LjgyODc3LC0xLjkxODUyMyAtOC4xNzY3NDIsLTMuOTUxODg2IC0yLjA0ODIzNCwtMS43NzMwNjUgLTMuODY1MzE2LC0zLjcyOTg4MSAtNS44MjIzMiwtNS41OTcwNTMgQyA5My4xODgxNjIsNTAuMjIxNjMxIDkyLjc3MjQzNSw0OS44MDYwNiA5MS44MDk2MjIsNDkuMTQwNjY1IDg5Ljc4MDg2LDQ3LjczODU5OCA4Ny40NTcxMTUsNDYuODUzODY5IDg1LjA2MzA3NSw0Ni4zMDk0ODMgODQuMjYyMjE2LDQ2LjE2MTA3IDgzLjQ2Njk1Miw0NS45NzgzOTQgODIuNjYwNDk0LDQ1Ljg2NDI0OCA3Ny4yNDkwMTksNDUuMDk4Mjk3IDcxLjc0OTQxMSw0NS40MjYwMDIgNjYuMzA5MzAzLDQ1LjUwNjI0NSBjIC02LjA4MTY1NywwLjI2NzAxNSAtMTIuMjc0MzgzLDAuNTA3NDk3IC0xOC4wNDkyNTEsMi42MzQ4OSAtMC43NDU1NDUsMC4zMDEzMDUgLTEuNDQ1ODY2LDAuNzU3OTQ0IC0yLjIzNjYzNCwwLjkwMzkxNSAtMC4zNDgwNywwLjA2NDI1IDEuMTYzNDk4LC0wLjc5NTMxNCAwLjg0MjMzMywtMC42NDY1MzYgLTAuNzI0NDA1LDAuMzM1NTc5IC0xLjM5MTc3NywwLjc4NDE4MyAtMi4wNjUxODQsMS4yMTMwMTcgLTEuOTk0MTIyLDEuMjY5ODg2IC0zLjgyNTc4MiwyLjc2NzI3NyAtNS41ODgxMyw0LjMzNzYyNiAtMC41MTc0NjQsMC41MTQzOCAtMS4wNTI3NjEsMS4wMTE0MjEgLTEuNTUyMzk3LDEuNTQzMTMyIC0xLjc5MjA0NCwxLjkwNzA5MSAtMy4zMzkyOCw0LjA3MTUyIC00LjMzNjQ0NCw2LjUwMDIzNiAtMC40NDUyMDcsMS4zMDQ5NzMgLTAuODQzMDc0LDIuNjQ2NzYyIC0wLjM4MDc2Nyw0LjAwNzY0NCAwLDAgLTMuNDcyNDcxLDEuOTEyNDQyIC0zLjQ3MjQ3MSwxLjkxMjQ0MiB6IiAvPgogICA8L2c+Cjwvc3ZnPgo=') center center no-repeat; background-size: 100% auto; }

table { border-collapse: collapse; border-spacing: 0; }

table td, table th { border: 1px solid #bbb; padding: 3px 5px; text-align: left; }

table th { background: #f7f7f7; }

img { max-width: 100%; height: auto; }

pre { font-size: 12px; font-family: monospace; line-height: 1.2; padding: 10px; background: #f7f7f7; overflow-x: auto; width: 100%; box-sizing: border-box; border: 1px solid #bbb; }

body > header { background: #248a0f; color: white; font-weight: bold; text-align: center; }

body > header a { display: inline-block; padding: 10px; color: white; text-decoration: none; margin: 0 5px; text-decoration: none; }

body > header a:hover, body > header a.selected { background: white; color: black; }

main > section, body > header .title, body > footer { width: auto; margin: 0 auto; max-width: 700px; }

body > footer { margin-top: 40px; border-top: 1px solid #ddd; }

.toc { margin-bottom: 10px; }

.toc a { display: block; border-bottom: 0; }

.toc .level1 { margin-left: 0px; }

.toc .level2 { margin-left: 20px; font-weight: normal; }

.toc .level3 { margin-left: 40px; font-weight: normal; }

.toc .level4 { margin-left: 60px; font-weight: normal; }

.warnbox { background: #efe; padding: 0px 15px; border: 1px solid black; text-align: center; }

pre.hl { background: #333; color: white; }

pre.hl .kwa { font-weight: bold; color: khaki; }

pre.hl .kwb { color: darkkhaki; }

pre.hl .kwc { color: palegreen; }

pre.hl .kwd { color: indianred; color: navajowhite; }

pre.hl .str { color: #ffa0a0; }

pre.hl .com, pre.hl .slc { color: skyblue; }

pre.hl .ppc { color: indianred; }

li.plus { list-style: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiCiAgICAgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMy43MDQxNjY2IDMuNzA0MTY2OCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMjkzLjI5NTgyKSI+CiAgICA8cGF0aAogICAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzAwODAwMDtzdHJva2Utd2lkdGg6MC41MjkxNjY3O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICBkPSJNIDAuNTY5ODAxNTIsMjk1LjE0NzkgSCAzLjEzNDM2NTIiIC8+CiAgICA8cGF0aAogICAgICAgZD0ibSAxLjg1MjA4MzQsMjk2LjQzMDE4IHYgLTIuNTY0NTYiCiAgICAgICBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMDA4MDAwO3N0cm9rZS13aWR0aDowLjUyOTE2Njc7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgLz4KICA8L2c+Cjwvc3ZnPgo='); }

li.minus { list-style: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiCiAgICAgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMy43MDQxNjY2IDMuNzA0MTY2OCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMjkzLjI5NTgyKSI+CiAgICA8cGF0aAogICAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2ZmMDAwMDtzdHJva2Utd2lkdGg6MC41MjkxNjY3O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICBkPSJNIDAuNTY5ODAxNTIsMjk1LjE0NzkgSCAzLjEzNDM2NTIiCiAgICAgICBpZD0icGF0aDIiIC8+CiAgPC9nPgo8L3N2Zz4K'); }

.emo { width: 15px; height: 15px; display: inline-block; background: no-repeat center center; }

.emo.smile { background-image: url('data:image/gif;base64,R0lGODlhDwAPALMOAP/qAEVFRQAAAP/OAP/JAP+0AP6dAP/+k//9E///////xzMzM///6//lAAAAAAAAACH5BAEAAA4ALAAAAAAPAA8AAARb0EkZap3YVabOGRcWcAgCnIMRTEEnCCfwpqt2mHEOagoOnz+CKnADxoKFyiHHBBCSAdOiCVg8KwPZa7sVrgJZQWI8FhB2msGgwTXTWGqCXP4WBQr4wjDDstQmEQA7'); }

.emo.confused { background-image: url('data:image/gif;base64,R0lGODlhDwAPALMMAP/qAEVFRQAAAP/OAP/JAP6dAP+0AP/+k//9E///x//lAP//6wAAAAAAAAAAAAAAACH5BAEAAAwALAAAAAAPAA8AAARYkEkZap2Y1ZXOGRcWcAgCnEMRTEEnCCfwpqt2mHEOagkOnz+CKnADxoKGyiHHBBCSAVzz9KwMpieFcBW4/mQvwk4zGCheMC2NVSa43WtRwEA3DDMsS20SAQA7'); }

.emo.cool { background-image: url('data:image/gif;base64,R0lGODlhDwAPALMNAP/qAEVFRQAAAP/OAP/JAP6dAP+0AP/+k//9E///x//////lAP//6wAAAAAAAAAAACH5BAEAAA0ALAAAAAAPAA8AAARZsEkZap24VZbOGRcWcAgCnEMRTEFnnnC6ascLx2sr7DvA76rAgacQ+HZFQ+VwNJ54BGXAdoNFK4PqbUFQabJOmIAAogwGi99YxjoT3m+2KGCoG4IZlmU2iQAAOw=='); }

.emo.fixme { background-image: url('data:image/gif;base64,R0lGODlhUAAPAIcAAAAAAAQDAAgGAAgHAAwKABANABAOARQRABgUABgVABgWBRwXABwYABwZACAaACAbACAcACQeACghADApADArADAsCjwzAEA1AEg8AEhBAFBCAFRGAFhOAGBVAGBWAGhWAGheAHBdAHRgAHRkAHRnAHhjAHhsAH9xAEVFRYNvAIt2AI98AI9/AJN7AJd+AI+BAJ+EAJ+NAK+RAK+bAKueDL+fAK+hDL+qAMupAM+sAM+7ANOxANu+AOeaAOedAOihAOunAOivAOa0AOq7AOe3FP+7AP+8AP++ANvCAOfAAObFEOvUAPPMAPfOAP/BAP/CAP/DAP3FAP/EAP/HAP3LAP/IAP/JAP/KAP3PAP/MAP/NAP/OAP/PAPPTAPfQAPfTAPfXAPPcAPfbAPvRAP/QAP/RAP/SAP3WAP/UAP/VAP/WAP/XAPvfAP/YAP/ZAP/aAP/bAP/cAP/dAP/eAOjJKOrLOP/gAP/hAP/iAP/jAP/kAP/mAP/nAP/oAP/pAP/qAP/rC//rDP/rD//rEf/sEv/sHP/tH//tIP/tIv/uKf/uLv/uL//uMPvrOf/vOP/vOv/vPOrNRv/xS//xTv/xUP/yVf/yVv/yWP/zYv/zZP/zZv/0dP/1d/zye//1e//1fYSEhOjfvv31hv/3jP/3j//3lf/4mf/4murisOjhtevjt/33p//5pP34sf/6uMbGxv/7wP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAALEALAAAAABQAA8AAAj/AGMJFIiioMGDCBMqXMiwocODAyPGKqhqFamLGA1i3Mixo8ePIENy7FSnoEQUoVyd+pSpZUsUsV6hcEmzZksAAGzq3MmzZ6ZJkBQRgUkwlatSmyw9WvoIpkymTHFKxbmUKtSrV3EqaMS0glWsUK0iEvTHjxCiKGCZ2kSJEaG3hJyieFvwLU64ePPq1QvAAAAab234BbA374ABb/3s0YMHD0wUqFh5qrQoEJ/LfJzKRCHzMk7MoD/rCJABs4kAOkDzAfACQGk+FFoDuLwERAMABDyEwQwBwuU8dubEgROkYKtRmBwN4pOneR7Nr16BQtEcp/Pr1vOQABAjz40AJK5X/xeTAACSGQnEZOcA4AQbFgA6OO/dfA6cNmrSYCnIipMkQ37kMceAToFi4HQDzjGVVAPiNGAXDxzAAwMPdJFgggDMsQIAI0ywgoIZzlEAABaCgVuCDzwwoBtpmEHGFlwUJIomjgCyhx1vvFHgQTnmiFOPQP6YowoAjJgCkD0C8MYXCASAwBdvCLmgkG9YYEGOaZShxRVVRFFQJJckEqAcJkmHwhpopokmTmqmyeYaTDhQwA4LLMBEm2sAgGYLALSwpp5rjOgFnm2akcUUUjzxw2OUHNKHYwKZmcaklFKKU6WWAjCpCADAkEYNAYSAaRqapjEGBmNMemkaGwDgQhM4aHgQQaaTcmEFFEcYgRYdhfBxB0wATIfGsMQWi1OxxB6bQwAXEFtCADkgCwCywx6LRhIfSACAAB/IkOy0aGwxhRNF9EDUREr4ypmBKFDr7rvwxiuvvFtU4YQP5xKEwhBnGDTqvwAHLPDABFMBhEkS6fvQwgw3zLBEAQEAOw=='); width: 80px; }

.emo.frown { background-image: url('data:image/gif;base64,R0lGODlhDwAPALMMAP/qAEVFRQAAAP/OAP/JAP6dAP+0AP/+k//9E///x//lAP//6wAAAAAAAAAAAAAAACH5BAEAAAwALAAAAAAPAA8AAARYkEkZap2Y1ZXOGRcWcAgCnEMRTEEnnLCQrtrxwjGoJSZw+yeCKnDo/W4EQ+WAawKSlZ4zqAwMpieFcGU9Cb7fp04zGPwACpmKVSa43bNMxUA3DDMsC20SAQA7'); }

.emo.grin { background-image: url('data:image/gif;base64,R0lGODlhDwAPALMNAEVFRf/qAAAAAP/////OAP/JAP+0AP6dAP/+k//9E///x///6//lAAAAAAAAAAAAACH5BAEAAA0ALAAAAAAPAA8AAARZsEkJap241aUQIhcGcEkSnMQBTEBnnnC6aogpwHcAasqbB7mCCoD4wXCGSlHAbDqTANtgSh0IClACsEq9qjRaAfe6AxMYTvKXQiAU3m9ZpmKoG4YZlmU2iQAAOw=='); }

.emo.sad { background-image: url('data:image/gif;base64,R0lGODlhDwAPALMMAP/qAEVFRQAAAP/OAP/JAP6dAP+0AP/+k//9E///x//lAP//6wAAAAAAAAAAAAAAACH5BAEAAAwALAAAAAAPAA8AAARYkEkZap2Y1ZXOGRcWcAgCnEMRTEEnnLCQrtrxwjGoJSZw+yeCKnDo/W4EQ+WAawKSlZ4zqAwMpieFcGU9Cb7fp04zGPwACpmKVSa43bNMxUA3DDMsC20SAQA7'); }

.emo.wink { background-image: url('data:image/gif;base64,R0lGODlhDwAPALMMAP/qAEVFRQAAAP/OAP/JAP6dAP+0AP/+k//9E///x//lAP//6wAAAAAAAAAAAAAAACH5BAEAAAwALAAAAAAPAA8AAARXkEkZap2Y1ZXOGRcWcAgCnEMRTEEnnDCQrtrxxjCoJSZw+y+CKnDo/WAEQ+WAwyUrvWZQGRg0TwKFcFX1xYI6zWCgEJizhBlrTGi31aKAYW4YZlgW2iQCADs='); }

.emo.razz { background-image: url('data:image/gif;base64,R0lGODlhDwAPALMOAP/qAEVFRQAAAP/OAP8AAP/JAP+0AP6dAP/9E//+k///x///6zMzM//lAAAAAAAAACH5BAEAAA4ALAAAAAAPAA8AAARd0EkZap3Y1aVSGhcWcAgCnMMRTEEnCCfwpquWmHEOagoOn7+CKnADxoKGSiLHBBSSAROjCWA8KwPZa7sVrgJZAWE8FhR2msGgESAHziqWutB+0zIVg94wzLAsNRMRADs='); }

.emo.eek { background-image: url('data:image/gif;base64,R0lGODlhDwAPALMNAP///wAAAP/qAEVFRf/OAP/JAP+0AP6dAP/lAP/9E//+k///6///xwAAAAAAAAAAACH5BAEAAA0ALAAAAAAPAA8AAARXsEk5ap241cWUIhcWjEkinGMwBUAbnALrNnILvLUr77Gr264eMDCovVA24iCRgqFGhgrBSUUUDgPN9HksgCgEAsJpJWAng3BhvTZnMRWD3IB9ZzQWuyQCADs='); }

.emo.idea { background-image: url('data:image/gif;base64,R0lGODlhDwAPALMNAEVFRf/qAAAAAP/////OAP/JAP+0AP/9E/6dAP/+k///x//lAP//6wAAAAAAAAAAACH5BAEAAA0ALAAAAAAPAA8AAARdsEkJap24VaZSIhcGcMcRnAQCTEBnCjCqUsk73AK6tvaNBwUVoBYQ4H4FQyVxMg6cuWTF1Hw+T1IA4dSMBRbB3babA4IoBMKiCAOnVmhCoSCYvzMVg94gzLAscBMRADs='); }

.emo.lol { background-image: url('data:image/gif;base64,R0lGODlhDwAPALMNAEVFRf/qAAAAAP/////OAP/JAP+0AP6dAP/9E//+k///x///6//lAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFFAANACwAAAAADwAPAAAEWrBJCWqduNWlUiIXBiyCgARBeQAToJhonK5UcgoxHoCacuspXGEFsMmOBUMlATymlABEaUotQQmpgXY7EAxZAKyA2y3wNAQCo2qmUdKFeJzgbgEMeAMxY7dkIgAh+QQFFAANACwCAAIACwAHAAAEE7BJJFuoOOvNq+if8GGiNAzZ2UQAIfkEBQoADQAsBQAHAAUAAgAABAVQSDlqjQAh+QQFCgANACwFAAcABQACAAAEBTBIKWqNACH5BAUKAA0ALAUABwAFAAIAAAQFUEg5ao0AIfkEBRQADQAsBQAHAAUAAgAABAUwSClqjQA7'); }

.emo.rolleyes { background-image: url('data:image/gif;base64,R0lGODlhDwAPALMNAEVFRf/qAAAAAP/OAP/JAP////6dAP+0AP/+k///x//9E//lAP//6wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgANACwAAAAADwAPAAAEXrBJCWqduFWWEBoXBnCKEpyDAUxAJwhn8KarhghFAeM6qCW8XFCnAtx0uGTyUEHIXjsogQkwPWOvwLQyiHlPC4JK0/2eCD7yYAGAAtBjymBAqNdpmcphfyhmWBY1ExEAIfkEBQoADQAsBAAFAAgAAwAABAqwiFnkvFbYoGcEACH5BAUKAA0ALAQABAAHAAQAAAQLsIlG5ayz1Kb5LhEAIfkEBTIADQAsBAAEAAgAAwAABApQtNkkLbThgiePACH5BAUUAA0ALAkACgACAAIAAAQEsAnRIgAh+QQFCgANACwEAAQABwAEAAAEDbCURmUBtIErMOhahkUAIfkEBQAADQAsAgACAAsABwAABB2wSSEbrTJUXVX4zQcqQikEpkBMTdFaWFnJGxdyEQAh+QQFAAANACwCAAIACwAGAAAEFrBJJVuoOFehG7dBCIrKJwQmMV6hGAEAIfkEBQAADQAsAgACAAsABgAABBawSSEbrThLpVuYQmiFlFBIhYmW5ChGADs='); }

.emo.question { background-image: url('data:image/gif;base64,R0lGODlhDwAPAMQaAEVFRf/qAP/OAP/JAP6dAP+0AP/9E//+k+/bAH91AAAAAN/NAP//x8++AA8OAL+vAP/lAC8rAJ+SAP//6x8cAF9XAN+wAO+8AL+XAG9mAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABoALAAAAAAPAA8AAAV1oCaKQFmOqFZOzHEIJwqwhhHcAgGMQGsskooEEcjtVAcDwkFJUBSL4q5nS0ADy0xgoAMksY1bQ5HYFkqHm7rhiBAHZ4BNHWgTzSUB/aF43CBcU3piCVFbMCQCAhABVg+ARjyKAxYYFwORMgAFnAVdKTwmRyMhADs='); }

@media only screen and (max-width: 740px) { main > section, body > header .title, body > footer { margin: 0 20px; } body > footer { margin-top: 40px; } .device-list { display: block; } .device-list .device { display: flex; flex-direction: column; } .device-list .device .image { order: 2; margin-top: 20px; } .device-list .device .info { order: 1; } }