img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} * {font-size: 4vh;}body {font-weight: bold;background-color: lavender;background-image: url(tree-final.svg);background-position: center;background-repeat: no-repeat;background-attachment: fixed;background-size: 50vw 30vh;margin: 0;padding: 0;font-family: 'Open Sans', sans-serif;color: #969;} textarea { background-color: rgba(255,255,255,0.3); border: 0;} h1, h2 {text-align: center;color: #626;font-size: 5vh;font-family: 'Berkshire Swash', cursive;} button {font-family: 'Open Sans', sans-serif;background: #626;color: #c9c;border-radius: 1em;border: 0;display: block;margin: 1em auto;padding: 1em 2em;} #start, #create, #links {text-align: center;} #match, #next, #start, #links, #final { display: none; }#match div, #next div, #start div {height: 30vh;padding: 20vh 0 0 0;text-align: center;color: #626;font-size: 10vh;font-family: 'Berkshire Swash', cursive;} #match div.selected {background-color: #ccf;} #final table {margin: auto;font-family: 'Berkshire Swash';color: #626;font-size: 5vh;}#final td, #final th {padding: 4vh 1em;} .border {position: fixed;z-index: -10000;width: 100vw;max-height: 10vh;}.border.top {top: -2vh;}.border.bottom {bottom: -2vh;transform: scaleY(-1);}