*,::after,::before{margin:0;padding:0;box-sizing:border-box;font-family:inherit}:focus{outline:0}html{font-size:62.5%}body{font-family:Lato,sans-serif;overflow-y:scroll;overflow-x:hidden}.main-header{position:fixed;top:1rem;left:1rem;width:calc(100% - 2rem);background:#fff;z-index:100;box-shadow:0 16px 32px 0 rgba(0,30,60,.12);border-radius:0;padding:0 2rem}.main-header-container{display:flex;justify-content:space-between}.main-header-logo-cont{width:12rem;padding:1.5rem 0}.main-header-logo-cont .main-header-logo-img{width:100%}.main-header-menu-cont{width:3rem;display:flex;align-items:center;cursor:pointer}.main-header-menu-cont .main-header-menu-img{width:100%}.main-sidebar-cont{position:fixed;left:0;top:0;height:100%;width:100%;background:rgba(0,0,0,.5);z-index:100;opacity:0;visibility:hidden;transition:.2s ease;cursor:pointer}.main-sidebar{position:fixed;top:0;right:-65%;width:65%;height:100%;background:#fff;box-shadow:0 16px 32px 0 rgba(0,30,60,.12);transition:.2s ease;cursor:initial}.main-sidebar-nav{padding:0 2rem}.main-sidebar-links{list-style:none}.main-sidebar-link a{color:grey;font-weight:700;text-transform:uppercase;display:block;text-decoration:none;font-size:1.6rem;text-align:right;padding:2.5rem 2rem;border-bottom:1px solid #eee;letter-spacing:1px}.main-sidebar-bottom{position:absolute;top:100%;left:0;width:100%;transform:translateY(-100%);background:#eee}.main-sidebar-cr{padding:2.5rem 2rem;font-weight:700;color:#777;display:block;font-size:1.1rem;text-align:center;line-height:1.6}.main-sidebar-cont-effect{visibility:visible;opacity:1}.main-sidebar-effect{right:0}.home-main{min-height:100vh;position:relative;background:#ffc20e}.age-calc-form{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;width:calc(100% - 2rem);box-shadow:0 16px 32px 0 rgba(0,30,60,.12);border-radius:0;padding:0 0 2rem 0;z-index:10;max-width:45rem}.age-calc-form .age-calc-form-top-info{padding:2rem;background:#f5f5f5;margin-bottom:2rem;color:#333}.age-calc-form .age-calc-form-top-info .home-main-title{font-size:1.8rem;margin-bottom:8px;font-size:2rem;margin-bottom:1rem}.age-calc-form .age-calc-form-top-info .home-main-para{font-size:1.1rem;color:grey;font-weight:700;line-height:1.6;font-size:1.2rem;line-height:1.7;color:#666}.age-calc-form-main{padding:0 2rem}.age-calc-form-submit{color:#fff;font-weight:700;padding:1.8rem 0;border:none;width:100%;border-radius:0;background:#000;border:1px solid #000;text-transform:uppercase;font-size:1.6rem;letter-spacing:1px;box-shadow:0 16px 32px 0 rgba(0,30,60,.12);cursor:pointer}.age-calc-form-field{margin-bottom:2rem}.age-calc-form-label{font-size:1.3rem;color:#969696;margin-bottom:10px;text-transform:uppercase;font-weight:700;display:block;letter-spacing:1px;color:#666}.age-calc-form-field-err{font-weight:700;background:red;padding:5px 2rem;margin-top:1rem;display:inline-block;color:#fff;font-size:1.1rem;text-align:center}.age-calc-form-selects{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1rem}.age-calc-form-select{font-size:1.6rem;padding:1.7rem 1rem;text-transform:uppercase;border-radius:0;border:none;border:1px solid #c8c8c8;background:#fff;color:grey;-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:'';display:block;cursor:pointer;font-weight:700;width:100%}.age-calc-form-select-wrapper{position:relative}.age-calc-form-arrow-down{clip-path:polygon(50% 50%,0 0,100% 0);position:absolute;right:1rem;top:48%;width:10px;height:10px;background:#000}.age-calc-form-select:focus{outline:0}.age-calc-form-select-opt{font-size:1.6rem;padding:1.6rem 0;cursor:pointer}.age-calc-form-select-opt:focus{outline:0}.age-calc-result-cont{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:10000000;transition:all .2s;opacity:0;visibility:hidden;cursor:pointer}.age-calc-result-main{cursor:initial;position:absolute;top:50%;left:50%;width:90%;max-width:45rem;background:#fff;box-shadow:0 16px 32px 0 rgba(0,30,60,.12);transition:all .2s;transform:translate(-50%,-50%) scale(.7);padding:1rem}.age-calc-result-main-val{padding:2rem 2rem;background:#f5f5f5;font-weight:700;color:grey;font-size:1.4rem;line-height:1.6;text-align:center}.age-calc-result-main-val-hl{font-size:1.8rem;color:#333;padding:0 5px}.age-calc-close-icon{position:absolute;top:0;right:0;font-size:1.1rem;font-weight:700;display:block;background:rgba(255,255,255,.5);transform:translateY(-120%);width:2.5rem;height:2.5rem;border-radius:100px;display:flex;align-items:center;justify-content:center;color:#000;cursor:pointer}.age-calc-result-cont-effect{opacity:1;visibility:visible}.age-calc-result-main-effect{transform:translate(-50%,-50%) scale(1)}.age-calc-result-table{width:100%;border-spacing:0 0}.age-calc-table-key{width:40%;padding:1.5rem 1.5rem;background:#000;color:#fff;font-size:1.5rem;text-align:center;font-weight:700;line-height:1.5}.age-calc-table-val{width:60%;padding:1.5rem 1.5rem;background:#ffc20e;font-size:1.6rem;font-weight:700;line-height:1.6}.d-none{display:none}@media only screen and (min-width:37.5em){html{font-size:75%}.main-header{padding:0 3rem}.main-header-logo-cont{padding:2rem 0}.main-sidebar{right:-30%;width:30%}.main-sidebar-effect{right:0}.age-calc-form{top:50%}.age-calc-result-main-val{padding:3rem 2rem}.age-calc-table-key{padding:2rem 1.5rem}.age-calc-table-val{padding:2rem 1.5rem}}