html,body{width:100%;height:100%;text-align:center}h1,h2,h3{font-family:"Comic Sans MS",cursive,sans-serif;color:rgba(255,255,0,0.4);font-size:14vw;margin:12vh 0;position:absolute;width:100vw;text-shadow:0 0 32px yellow;transform:rotateZ(-6deg)}h2{margin:36vh 0;font-size:12vw;transform:rotateZ(2deg);color:rgba(255,0,0,0.4);text-shadow:0 0 32px red}ul.bulbs{width:100%;height:100%;list-style:none;padding:0;margin:0;top:0;animation-name:conveyor;animation-duration:120s;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}ul.bulbs li h2{display:none}ul.bulbs li.container{width:100%;height:120%;overflow:hidden;padding:0;display:block;position:relative;margin:1px 0}ul.bulbs li .description{position:fixed;background:white;border-radius:20px;box-shadow:10px 10px 10px rgba(0,0,0,0.2);top:0;left:0;display:none}ul.bulbs li>a{width:80vw;position:absolute;left:50vw;animation-name:bulb-drift;animation-duration:120s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;margin:0 0 0 -40vw;overflow:visible;text-decoration:none;color:white;font-size:1em}ul.bulbs li>a .bulb{width:80vw;height:80vw;box-shadow:0 0 60px #000 inset;margin:-9999vw 0 0 -9999vw;border-radius:50%;border-width:9999vw;border-color:rgba(0,0,0,0.5);border-style:solid solid solid solid;position:absolute;top:0;left:0;transform-origin:50% 50%}ul.bulbs li>a .portfoliocontent{width:80%;height:80%;margin:10%;background:url('http://www.bagnall.co.uk/images/bulbs/bulb4.svg') no-repeat;background-size:100%;background-position:center top;display:block;text-align:center;position:relative;z-index:1;min-height:120vw;color:white}ul.bulbs li>a .portfoliocontent figure{width:76%;margin:0 auto}ul.bulbs li>a .portfoliocontent figure img{margin-top:36%;max-width:38vw;box-shadow:0 0 32px white}ul.bulbs li>a .portfoliocontent figure figcaption{margin-top:5%;text-shadow:0 0 1px black}@media screen and (min-width:625px){ul.bulbs li>a{width:500px;margin:0 0 0 -250px}ul.bulbs li>a .bulb{width:500px;height:500px}}@keyframes conveyor{0%{transform:translateY(0)}100%{transform:translateY(-1440%)}}@keyframes bulb-drift{0%{transform:rotateZ(-6deg) translateX(0)}25%{transform:rotateZ(0) translateX(-16vw)}50%{transform:rotateZ(6deg) translateX(0)}75%{transform:rotateZ(0) translateX(16vw)}100%{transform:rotateZ(-6deg) translateX(0)}}