html,body{height:100%;color:#1a1b1c}.layout{display:grid;height:100%;width:100%;overflow:hidden;grid-template-rows:50px 1fr;grid-template-columns:1fr 1fr}input[type="radio"]{display:none}label.nav{display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:5rem;user-select:none;transition:background 0.4s,padding-left 0.2s;padding-left:0;box-shadow:2px 2px 2px 1px rgba(0,0,0,0.2)}input[type="radio"]:checked + .page + label.nav{background:#0071BC;color:#ffffff;padding-left:20px}input[type="radio"]:checked + .page + label.nav span{padding-left:20px;opacity:1}label.nav span{padding-left:0px;position:relative;opacity:0;transition:opacity 0.2s}#search_btn_ind{background-color:#0071BC}.page{grid-column-start:1;grid-row-start:2;grid-column-end:span 2;align-items:center}.page-contents>*{opacity:0;transform:translateY(20px);transition:opacity 0.2s,transform 0.2s;margin-top:5rem}.page-contents>*:nth-child(1){transition-delay:0.4s}.page-contents>*:nth-child(2){transition-delay:0.6s}.page-contents>*:nth-child(3){transition-delay:0.8s}.page-contents>*:nth-child(4){transition-delay:1s}.page-contents>*:nth-child(5){transition-delay:1.2s}.page-contents>*:nth-child(6){transition-delay:1.4s}.page-contents>*:nth-child(7){transition-delay:1.6s}.page-contents>*:nth-child(8){transition-delay:1.8s}.page-contents>*:nth-child(9){transition-delay:2s}.page-contents>*:nth-child(10){transition-delay:2.2s}.page-contents>*:nth-child(11){transition-delay:2.4s}.page-contents>*:nth-child(12){transition-delay:2.6s}.page-contents>*:nth-child(13){transition-delay:2.8s}.page-contents>*:nth-child(14){transition-delay:3s}.page-contents>*:nth-child(15){transition-delay:3.2s}.page-contents>*:nth-child(16){transition-delay:3.4s}.page-contents>*:nth-child(17){transition-delay:3.6s}.page-contents>*:nth-child(18){transition-delay:3.8s}.page-contents>*:nth-child(19){transition-delay:4s}.page-contents>*:nth-child(20){transition-delay:4.2s}input[type="radio"] + .page{transition:transform 0.2s;transform:translateX(100%)}input[type="radio"]:checked + .page{transform:translateX(0%)}input[type="radio"]:checked + .page .page-contents>*{opacity:1;transform:translateY(0px)}.page-contents{max-width:100%;margin:0 auto}