body{background-color:#0b3c5d;color:#1d2731;background-image:url(../images/keyboard-computer-keys-white.jpg);background-size:cover;font-family:'Open Sans',sans-serif}footer{display:flex;justify-content:space-between;width:100%}footer img{max-height:2em;margin-bottom:1em}.body-content{padding-left:15px;padding-right:15px}.page{margin-top:1em;margin-bottom:1em;background-color:#0b3c5d;background-color:rgba(11,60,93,.7);color:#fff}.page .tab{padding-left:1em;background-color:#1d2731;background-color:rgba(27,39,49,.9)}.page-content{padding:1em 3.5em;height:100%;overflow:auto}.pagetitle{width:100%;text-align:center;margin:1em auto}.pagetitle h1{font-size:3em;font-weight:700;color:#fff;text-shadow:1px 1px 5px #1d2731}.fullscreen{padding:0}.landing{z-index:1000;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(11,60,93,.4);text-align:center;display:flex;flex-direction:column;align-items:stretch;color:#fff;text-shadow:1px 1px 5px #1d2731;transition:all 1s}.landing h1{font-size:5em;font-weight:700;margin:auto}.landing h2{font-size:4em}.landing button{margin:auto;font-size:2em;background-color:transparent;border:#fff solid 3px;color:#fff}.landing button:hover{background-color:#1d2731;border:#fff solid 3px;color:#fff}.landingcover{z-index:999;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0b3c5d;background-image:url(../images/keyboard-computer-keys-white.jpg);background-size:cover;transition:all 1s}.landing.shrink,.landingcover.shrink{transform:scale(0)}@media screen and (min-width:768px){.pages-container{position:relative;width:100%;background-color:rgba(27,39,49,.4)}.page{margin:0;position:absolute;width:70vw;height:60vh;transition:all .5s;margin-left:auto;margin-right:auto;transform:translateX(-50%);left:calc(50% + 5.5em);border:#1d2731 solid 1px;box-shadow:#1d2731 -.1em -.1em 1em;background-color:#0b3c5d;cursor:pointer}.page:first-child{top:0}.page:nth-child(2){top:3em}.page:nth-child(3){top:6em}.page:nth-child(4){top:9em}.page:nth-child(5){top:12em}.page:nth-child(6){top:15em}.page:nth-child(7){top:15em}.page.selecting{top:-40vh;transform:scale(.5);box-shadow:#fff -.1em -.1em 1em}.page:hover,.page:hover>.tab h3{text-decoration:underline}.page:last-child:hover,.page:last-child:hover>.tab h3{text-decoration:inherit}.page:hover~.page{transform:translateX(-50%) translateY(4em)}.sections{list-style-type:none;clear:both;height:2em}.sections>li{float:left;margin:.5em .2em}.page>.tab{position:absolute;transform:translateX(-100%);z-index:100;border-top:1px solid #1d2731;border-left:1px solid #1d2731;border-right:0 none transparent;border-bottom:1px solid #1d2731;margin-top:-1px;box-shadow:#1d2731 -.1em -.1em 1em;width:11em;background-color:#1d2731}.page>.tab:after{content:' ';z-index:-1;position:absolute;display:block;top:.4em;left:10em;background:#1d2731;width:1.8em;height:1.8em;transform:rotate(45deg);transition:all .5s}.page .tab h3{margin:0;transition:all .5s;padding:.2em}.page:last-child{cursor:default}.page:hover .tab,.page:last-child .tab{opacity:1}.page:hover .tab h3,.page:last-child .tab h3{margin-top:1em;margin-bottom:1em}.page:hover>.tab:after,.page:last-child>.tab:after{width:4.2em;height:4.2em;left:8.8em;top:.9em}.page-content{font-size:1.2em}footer{position:fixed;bottom:0;z-index:1;width:76%;left:50vw;transform:translate(-50%)}}