@import url(https://fonts.googleapis.com/css?family=Dancing+Script:400,700);h1,h1+p{text-align:center}.book.about-us,.door{outline:transparent solid 1px}h1{margin-top:2rem}a{color:gray}.shelf{position:relative;width:30rem;height:15rem;margin:0 auto;border:.5rem solid;border-radius:.5rem;background-color:#fff;perspective:130rem;box-shadow:inset 0 0 2rem rgba(0,0,0,.2)}.book,.door{position:absolute;box-sizing:border-box;background-color:#fff}.door{width:14.8rem;height:14rem;display:flex;padding:1rem;align-items:center;box-shadow:0 1px 1px rgba(0,0,0,.3)}.door::before{width:1.5rem;height:1.5rem;border-radius:50%;background-color:rgba(0,0,0,.1);content:""}.door.left{border-radius:0 .75rem .75rem 0;justify-content:flex-end;-webkit-animation:3.5s ease-out 1s forwards leftDoorOpen,15s linear 9s infinite forwards leftDoorFlap;animation:3.5s ease-out 1s forwards leftDoorOpen,15s linear 9s infinite forwards leftDoorFlap;transform-origin:0 0 0}.door.right{right:0;border-radius:.75rem 0 0 .75rem;-webkit-animation:3s ease-out 1.5s forwards rightDoorOpen,10s linear 8s infinite forwards rightDoorFlap;animation:3s ease-out 1.5s forwards rightDoorOpen,10s linear 8s infinite forwards rightDoorFlap;transform-origin:100% 0 0}.book{padding:.8rem 4rem .8rem 2rem;border-radius:.25rem;color:#fff;font-size:1rem;text-transform:uppercase;letter-spacing:.1rem;cursor:pointer;box-shadow:inset 0 0 .75rem rgba(255,255,255,.1)}.book.home-page{transform:rotate(-90deg) translate(-12.4rem,3rem);transform-origin:0}.book.about-us{transform:rotate(-100deg) translate(-13.4rem,6.1rem);transform-origin:0}.book.contact-us{right:2rem;bottom:.2rem;border-radius:.3rem 0 0 .3rem}@-webkit-keyframes leftDoorOpen{60%{transform:rotateY(-115deg)}100%{transform:rotateY(-110deg)}}@keyframes leftDoorOpen{60%{transform:rotateY(-115deg)}100%{transform:rotateY(-110deg)}}@-webkit-keyframes rightDoorOpen{60%{transform:rotateY(125deg)}100%{transform:rotateY(120deg)}}@keyframes rightDoorOpen{60%{transform:rotateY(125deg)}100%{transform:rotateY(120deg)}}@-webkit-keyframes rightDoorFlap{0%,100%,30%{transform:rotateY(120deg)}5%{transform:rotateY(125deg)}15%{transform:rotateY(117deg)}25%{transform:rotateY(123deg)}}@keyframes rightDoorFlap{0%,100%,30%{transform:rotateY(120deg)}5%{transform:rotateY(125deg)}15%{transform:rotateY(117deg)}25%{transform:rotateY(123deg)}}@-webkit-keyframes leftDoorFlap{0%,100%,30%{transform:rotateY(-110deg)}5%{transform:rotateY(-115deg)}15%{transform:rotateY(-107deg)}25%{transform:rotateY(-113deg)}}@keyframes leftDoorFlap{0%,100%,30%{transform:rotateY(-110deg)}5%{transform:rotateY(-115deg)}15%{transform:rotateY(-107deg)}25%{transform:rotateY(-113deg)}}@-webkit-keyframes bookFadeOut{50%{border:1px dashed rgba(255,255,255,.1)}}@keyframes bookFadeOut{50%{border:1px dashed rgba(255,255,255,.1)}}