/* 

full width: 3072
full height: 2048
full page width: 2216
percentage: 72.16%
cropped: 1920

*/

@import url("reset.css");

html { background: black; }
body { color: white; font-family: Arial, sans-serif; font-size: 16px; line-height: 26px; }
#content { position: relative; z-index: 2; }

#title { position: absolute; top: 4.4%; left: 8.6%; }
#sub-headline { position: absolute; top: 24.1%; left: 8.6%; }
#gift-descriptions .copy { width: 18%; position: absolute; }
#gift-descriptions h2 { font-size: 18px; }

.circle { position: absolute; display: none; }
#microwave > .circle { left: 9.75%; top: 60%; }
#microwave .copy { left: 9%; top: 79%; }
#buzz-cut .circle { left: 42%; top: 55%; }
#buzz-cut .copy { top: 79%; left: 35%; }
#headphones .circle { top: 32%; left: 54%;}
#headphones .copy { top: 17%; left: 62%; }
#dying-plant .circle { left: 74%; top: 54%; }
#dying-plant .copy { top: 79%; left: 62%; }
#continue { display: block; position: absolute; top: 5.3%; left: 57%; background: #e92525; color: white; line-height: 1; }
#continue:hover { background: #d23636; }

#merry-christmas { position: absolute; top: 4.5%; left: 8.5%; }
#come-and-claim { position: absolute; left: 35%; top: 63.2%; }
#love-orangecoat { position: absolute; top: 74%; left: 55%; }
#beep { position: absolute; left: 66%; top: 46%; }

#loader { position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; }

a { color: white; text-decoration: underline; }
a:hover { text-decoration: none; }