*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}body,html{height:100%}body{box-sizing:border-box;background-color:#1b2124}.app{display:flex;justify-content:space-between;min-height:100%}@media only screen and (max-width:56.25em){.app-navigation{flex-grow:5}}.app-content{flex-grow:100}ion-icon{font-size:1.8rem}::-moz-selection{background-color:#a17900;color:#d8d8d8}::selection{background-color:#a17900;color:#d8d8d8}body{font-family:monospace,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;color:#d8d8d8}.u-test-square{width:10rem;height:10rem;border:1px solid red}.u-test-content,.u-test-square{display:block;background-color:#fff;margin:0 auto}.u-test-content{width:100%;height:20rem;border:1rem solid violet}.u-col-direction{flex-direction:column!important}.post{margin-top:4rem}.post .header{font-size:6rem}.post .header,.post .subheader{border-bottom:1px solid #ffc107}.post .subheader{font-size:4rem;font-style:italic;margin-bottom:4rem}.post .component{margin:6rem 0}.post .code{margin:0 1rem 1rem 1rem}.post .code pre{border-radius:3rem}.nav-item{display:flex;justify-content:flex-end;width:100%;margin:1rem 0;padding-top:4rem;padding-bottom:1.5rem;position:relative;text-transform:uppercase;text-decoration:none;letter-spacing:.4em;color:hsla(0,0%,84.7%,.55);transition:all .3s ease-out}@media only screen and (max-width:56.25em){.nav-item{padding-left:1rem}}.nav-item .nav-icon{margin-right:1rem}@media only screen and (max-width:56.25em){.nav-item .nav-label{display:none}}.nav-item.active{color:#d8d8d8}.nav-item:not(.active):hover{color:rgba(255,193,7,.85)}.nav-item:after{content:"";position:absolute;width:100%;height:.2em;left:0;bottom:0;background-image:linear-gradient(90deg,#a17900,#757575)}.nav-item:not(.active):after{opacity:.3}.btn{width:12rem;height:3.5rem;border-radius:10rem;background-color:#1c2429;color:#d8d8d8;outline:none;cursor:pointer}.btn:active{transform:scale3d(1.05,1.05,1.05);transition:all .1s ease;box-shadow:none}.btn-success{border:1px solid #25b04a}.btn-success:hover{background-color:#003b10;box-shadow:0 .2rem 1rem rgba(0,59,16,.15)}.btn-success:active{background-color:#0d5b22}.btn-error{border:1px solid #ec3232}.btn-error:hover{background-color:#7b0000;box-shadow:0 .2rem 1rem rgba(123,0,0,.15)}.btn-error:active{background-color:#9f0202}.btn-form-submit{margin-top:4rem;border:1px solid #a17900;border-radius:0}.card{position:relative;min-height:40rem;min-width:30rem;perspective:125rem;cursor:crosshair}.card-side{position:absolute;top:0;left:0;min-height:40rem;min-width:100%;border-radius:.8rem;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition:all 1s ease;box-shadow:0 1.5rem 4rem rgba(0,0,0,.15)}.card-side-front{background:linear-gradient(22deg,#5c5c5c,#000)}.card-side-back{transform:rotateY(180deg);background-image:url(../img/css_is_awesome.ee6bb817.png);background-color:#404040;height:inherit;background-position:50%;background-repeat:no-repeat;background-size:contain}.card:hover .card-side-front{transform:rotateY(-180deg)}.card:hover .card-side-back{transform:rotateY(0)}.form{display:flex;justify-content:center;align-items:center;padding:6rem 0;border:1px solid #757575;margin:7rem}@media only screen and (max-width:75em){.form{flex-wrap:wrap;margin:0;text-align:center}}.form-logo{padding:10rem;background-image:url(../img/logo.82b9c7a5.png);background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:10rem}.form-fields,.form-logo{flex-grow:1}.form-fields .form-group{text-align:left;color:#a17900}.form-fields .form-group-inline{display:flex;flex-direction:row;justify-content:flex-start}.form-fields .form-group-inline:nth-child(odd){margin-left:2rem}.form-fields .form-label{font-size:1.6rem;display:block;transition:all .3s;margin-top:.5rem}.form-fields .form-input{font-size:1.6rem;color:#d8d8d8;caret-color:#ffc107;padding:1rem;margin:1rem 0 0 0;width:44rem;outline:none;border:none;border-bottom:1px solid #a17900;border-radius:2px;background-color:rgba(58,71,79,.5)}.form-fields .form-input#phone-number{width:28rem}.form-fields .form-input#phone-number-prefix{width:10rem}.form-fields .form-input:focus{border-bottom:1px solid #ffc107}.form-fields .form-input::-moz-selection{background-color:#a17900;color:#d8d8d8}.form-fields .form-input::selection{background-color:#a17900;color:#d8d8d8}.form-fields .form-input:-moz-placeholder-shown+.form-label{opacity:0;visibility:hidden;transform:translateY(-2rem)}.form-fields .form-input:-ms-input-placeholder+.form-label{opacity:0;visibility:hidden;transform:translateY(-2rem)}.form-fields .form-input:placeholder-shown+.form-label{opacity:0;visibility:hidden;transform:translateY(-2rem)}.form input::-webkit-inner-spin-button,.form input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form input[type=number]{-moz-appearance:textfield}.nav{height:100%;min-width:14rem;max-width:14rem;background:#33333a;font-weight:700}@media only screen and (max-width:56.25em){.nav{min-width:6rem;max-width:6rem}}.nav-list{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;height:inherit;padding:2rem 1rem}.table{flex-direction:column}.table,.table .row{display:flex;flex-wrap:nowrap;justify-content:space-around;align-items:center;width:100%}.table .row{flex-grow:1;flex-basis:auto;flex-direction:row}@media only screen and (max-width:75em){.table .row{flex-wrap:wrap}}.table .row .col{flex-grow:1;flex-basis:auto;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;margin:.5rem}.table .row .col-1{flex-grow:1}.table .row .col-2{flex-grow:2}.home-page .subheader{margin-top:15rem;margin-bottom:1rem;border:none;font-size:2.5rem;font-style:normal}.home-page .link{border:none;font-size:1.7rem;font-style:normal;color:#ffc107;background-color:#3a474f;padding:2rem;border-radius:2rem;text-decoration:none}.button-page .component :not(:last-child){margin-right:4rem}.form-page .component{flex-grow:1;align-self:flex-start}