*{box-sizing:border-box;margin:0;padding:0}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#f7f7f7;font-family:"Helvetica Neue","Helvetica",sans-serif;margin:0 auto;position:relative}#content{background-color:#fff;margin:1.5rem 1.5rem 100vh 18rem;padding:3rem}.links{right:10px;position:fixed;padding:0px;text-align:center;top:50%;width:10px;z-index:199;margin-top:-70px}.links ul{list-style:none;text-align:left}.links li{left:50%;padding-left:0px;position:relative;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.links li::before{background-color:#aaa;border-radius:50%;content:"";height:0.5rem;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);width:0.5rem}.links li:not(:last-of-type){margin-bottom:1rem}.links a{color:#ff00ff;text-decoration:none}.links .active{font-weight:bold;text-shadow:1px 1px #ff0000}.links .active::before{background-color:#000;-webkit-transition:-webkit-transform 150ms;transition:-webkit-transform 150ms;transition:transform 150ms;transition:transform 150ms,-webkit-transform 150ms;-webkit-transform:scale(1.8) translateY(-50%);-ms-transform:scale(1.8) translateY(-50%);transform:scale(1.8) translateY(-50%);-webkit-transform-origin:50% 0%;-ms-transform-origin:50% 0%;transform-origin:50% 0%}