.menuopt{display:none}.circle,.circle:after,.circle:before{border-radius:50%}nav{margin:0 auto;min-width:16em;width:72%;max-width:40em}nav ul{position:relative;padding:50%;max-width:0;max-height:0;box-shadow:0 0 .5em rgba(0,0,0,.5);list-style:none;background:#fff}nav li{position:absolute}.slice{overflow:hidden;position:absolute;top:0;left:0;width:50%;height:50%;transform-origin:100% 100%}.unsel{top:34%;left:34%;width:32%;height:32%;box-shadow:0 0 .75em;background:#afeeee}.coconut{transform:skewX(50deg)}.vanilla{transform:rotate(60deg) skewX(50deg)}.orange{transform:rotate(80deg) skewX(50deg)}.almond{transform:rotate(120deg) skewX(50deg)}.grape{transform:rotate(176deg) skewX(50deg)}.blackberry{transform:rotate(-160deg) skewX(50deg)}.cherry{transform:rotate(-120deg) skewX(50deg)}.strawberry{transform:rotate(-60deg) skewX(50deg)}.raspberry{transform:rotate(-40deg) skewX(50deg)}.magnifiable{height:100%}nav label{cursor:pointer}.slice label{display:block;width:200%;height:200%;transform:skew(-50deg) rotate(-70deg);box-shadow:0 0 .1em #000;opacity:.5;color:transparent;font-size:.8em;line-height:1.9;text-align:center;text-decoration:none;transition:1s}.slice label:before{position:absolute;top:15%;left:10%;width:80%;height:80%;border-radius:50%;box-shadow:0 0 1em rgba(0,0,0,.5);background-position:50% 0;background-repeat:no-repeat;background-size:35% 35%;content:''}.slice label:hover{opacity:1}.dark label:hover{color:#fff}.light label:hover{color:#000}.unsel label{display:block;height:100%;background:radial-gradient(rgba(0,0,0,.5),transparent 50%);margin-top:70px;text-align:center;font-size:46px;color:#00f}.coconut label,.ococonut:checked~nav .unsel{background:#f4f5fa}.ovanilla:checked~nav .unsel,.vanilla label{background:#ffeb98}.oorange:checked~nav .unsel,.orange label{background:#ffb038}.almond label,.oalmond:checked~nav .unsel{background:#d3a573}.grape label,.ogrape:checked~nav .unsel{background:#d9e260}.blackberry label,.oblackberry:checked~nav .unsel{background:#833a68}.cherry label,.ocherry:checked~nav .unsel{background:#b1001d}.ostrawberry:checked~nav .unsel,.strawberry label{background:#ec0404}.oraspberry:checked~nav .unsel,.raspberry label{background:#ef6982}.coconut label:before{background-image:url(http://upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Cocos_nucifera00.jpg/320px-Cocos_nucifera00.jpg)}.vanilla label:before{background-image:url(http://www.learningherbs.com/image-files/vanilla-extract-7.jpg)}.orange label:before{background-image:url(http://upload.wikimedia.org/wikipedia/commons/thumb/b/b0/OrangeBloss_wb.jpg/250px-OrangeBloss_wb.jpg)}.almond label:before{background-image:url(http://upload.wikimedia.org/wikipedia/commons/thumb/8/84/PikiWiki_Israel_7025_Amond_blossom.jpg/170px-PikiWiki_Israel_7025_Amond_blossom.jpg)}.grape label:before{background-image:url(http://upload.wikimedia.org/wikipedia/commons/thumb/b/bb/Table_grapes_on_white.jpg/220px-Table_grapes_on_white.jpg)}.blackberry label:before{background-image:url(http://upload.wikimedia.org/wikipedia/commons/thumb/7/78/Ripe%2C_ripening%2C_and_green_blackberries.jpg/220px-Ripe%2C_ripening%2C_and_green_blackberries.jpg)}.cherry label:before{background-image:url(http://upload.wikimedia.org/wikipedia/commons/thumb/b/bb/Cherry_Stella444.jpg/220px-Cherry_Stella444.jpg)}.strawberry label:before{background-image:url(http://upload.wikimedia.org/wikipedia/commons/thumb/2/29/PerfectStrawberry.jpg/220px-PerfectStrawberry.jpg)}.raspberry label:before{background-image:url(http://upload.wikimedia.org/wikipedia/commons/thumb/6/69/Raspberries05.jpg/220px-Raspberries05.jpg)}.slice label:hover:after{opacity:0}.ococonut:checked~nav .coconut{transform:skewX(50deg) scale(1.05)}.ovanilla:checked~nav .vanilla{transform:rotate(40deg) skewX(50deg) scale(1.05)}.oorange:checked~nav .orange{transform:rotate(80deg) skewX(50deg) scale(1.05)}.oalmond:checked~nav .almond{transform:rotate(120deg) skewX(50deg) scale(1.05)}.ogrape:checked~nav .grape{transform:rotate(160deg) skewX(50deg) scale(1.05)}.oblackberry:checked~nav .blackberry{transform:rotate(-160deg) skewX(50deg) scale(1.05)}.ocherry:checked~nav .cherry{transform:rotate(-120deg) skewX(50deg) scale(1.05)}.ostrawberry:checked~nav .strawberry{transform:rotate(-80deg) skewX(50deg) scale(1.05)}.oraspberry:checked~nav .raspberry{transform:rotate(-40deg) skewX(50deg) scale(1.05)}.oalmond:checked~nav .almond label,.ococonut:checked~nav .coconut label,.ogrape:checked~nav .grape label,.oorange:checked~nav .orange label,.oraspberry:checked~nav .raspberry label,.ovanilla:checked~nav .vanilla label{box-shadow:0 0 .45em rgba(0,0,0,.5);opacity:1;color:#000}.oblackberry:checked~nav .blackberry label,.ocherry:checked~nav .cherry label,.ostrawberry:checked~nav .strawberry label{box-shadow:0 0 .45em rgba(0,0,0,.5);opacity:1;color:#fff}@media (min-width:25em){.slice label{font-size:1em;line-height:1.5}}@media (min-width:35em){.slice label{font-weight:700;line-height:1.5}}