body,html{height:100%;width:100%;margin:0;color:#313131;font-family:'Libre Franklin',sans-serif}*{box-sizing:border-box}h1{font-weight:400;margin:0;font-size:42px;color:#c1954f}p{margin:1em 0}.home header{padding:12px 20px}nav{display:flex;padding:0 10px}.nav-item{display:inline-block;width:120px;height:120px;box-shadow:0 2px 5px rgba(0,0,0,.2);margin:10px;padding:10px;text-decoration:none;font-size:14px;color:inherit}.nav-item .just-colors{width:100%;height:100%;border:10px solid #fff;background-color:#fd8ee9;padding:5px;color:#fff;text-align:center}.nav-item .two-colors{width:100%;height:100%;border:10px solid #fff;background:linear-gradient(to right,#687d6f 50%,#ae65fd 50%);padding:5px;color:#fff;text-align:center}.nav-item .point{transform:translate(30px,60px);display:inline-block;width:12px;height:12px;border-radius:50%;border-width:15px;background-color:rgba(38,178,179,.72);box-shadow:0 0 3px 6px rgba(38,178,179,.36);opacity:.9}.info{position:absolute;z-index:1;width:100%;top:0;left:0;transform:translateY(-100%);transition:transform .2s ease-in-out;font-size:14px;background-color:#fff;padding:20px 0;box-shadow:0 0 10px 3px rgba(0,0,0,.2)}.info:active,.info:hover{transform:translateY(0)}.info>.page{max-width:900px;margin:0 auto}@media (max-width:940px){.info>.page{margin:0 20px}}.toggle-info{position:absolute;z-index:2;right:10px;bottom:-53px}.control{font-size:11px;padding:0 20px;line-height:50px;text-align:center;font-family:inherit;color:#777;background-color:transparent;border:0;text-decoration:none}.control.back{position:absolute;left:0;top:0}