@import url(https://fonts.googleapis.com/css?family=Permanent+Marker);body{margin:0;padding:0;font-family:sans-serif}@font-face{font-family:bill_corp_narbold;src:url("https://cdn2.hubspot.net/hubfs/2868439/Unelmalaskuri/fonts/ogj_type_design_-_bill_corp_nar_bold-webfont.woff2") format("woff2"),url("https://cdn2.hubspot.net/hubfs/2868439/Unelmalaskuri/fonts/ogj_type_design_-_bill_corp_nar_bold-webfont.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:bill_corp_narbook;src:url("https://cdn2.hubspot.net/hubfs/2868439/Unelmalaskuri/fonts/ogj_type_design_-_bill_corp_nar_book-webfont.woff2") format("woff2"),url("https://cdn2.hubspot.net/hubfs/2868439/Unelmalaskuri/fonts/ogj_type_design_-_bill_corp_nar_book-webfont.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:bill_corp_narlight;src:url("https://cdn2.hubspot.net/hubfs/2868439/Unelmalaskuri/fonts/ogj_type_design_-_bill_corp_nar_light-webfont.woff2") format("woff2"),url("https://cdn2.hubspot.net/hubfs/2868439/Unelmalaskuri/fonts/ogj_type_design_-_bill_corp_nar_light-webfont.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:bill_corp_narroman;src:url("https://cdn2.hubspot.net/hubfs/2868439/Unelmalaskuri/fonts/ogj_type_design_-_bill_corp_nar_roman-webfont.woff2") format("woff2"),url("https://cdn2.hubspot.net/hubfs/2868439/Unelmalaskuri/fonts/ogj_type_design_-_bill_corp_nar_roman-webfont.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:bill_corp_narsemibold;src:url("https://cdn2.hubspot.net/hubfs/2868439/Unelmalaskuri/fonts/ogj_type_design_-_bill_corp_nar_semibold-webfont.woff2") format("woff2"),url("https://cdn2.hubspot.net/hubfs/2868439/Unelmalaskuri/fonts/ogj_type_design_-_bill_corp_nar_semibold-webfont.woff") format("woff");font-weight:400;font-style:normal}button,input,textarea{outline:none}body{margin:0;color:#fff;-webkit-font-smoothing:antialiased}#result,#start{position:absolute;height:100%;width:100%;text-align:center}#start{background:url(https://cdn2.hubspot.net/hubfs/2868439/Unelmalaskuri/img/bg.png) no-repeat 50% fixed;background-size:cover;color:#1a385a}#start .button{font-weight:300;letter-spacing:1.3px;display:inline-block;color:#fff;text-decoration:none;background:#1a385a;padding:10px 60px;border-radius:7px;cursor:pointer;font-family:bill_corp_narroman;font-size:25px}#start .button:disabled{background:#838c96;cursor:none}#result{width:100%;background:url(https://cdn2.hubspot.net/hubfs/2868439/Unelmalaskuri/img/bg2.png) no-repeat 50% fixed;background-size:cover}.center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#result .center,.center{width:100%}#row{margin-bottom:40px}.share{position:relative;top:60px}.col{float:left;width:50%;margin-top:40px}.sexSelect a{display:inline-block;background:#838c96;padding:11px 41px;text-decoration:none;font-size:24px;color:#a4acb4}.sexSelect a:first-child{-webkit-border-top-left-radius:7px;-webkit-border-bottom-left-radius:7px;-moz-border-radius-topleft:7px;-moz-border-radius-bottomleft:7px;border-top-left-radius:7px;border-bottom-left-radius:7px}.sexSelect a:last-child{-webkit-border-top-right-radius:7px;-webkit-border-bottom-right-radius:7px;-moz-border-radius-topright:7px;-moz-border-radius-bottomright:7px;border-top-right-radius:7px;border-bottom-right-radius:7px}.sexSelect .active{color:#fff;background:#1a385a}.selectContainer{display:inline-block;position:relative}.triangle{pointer-events:none;width:0;height:0;border-style:solid;border-width:17px 12.5px 0;border-color:#828c95 transparent transparent;position:absolute;right:24px;top:22px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding-left:19px;background:#1a385a;margin:5px;width:463px;height:59px;color:#fff;font-size:22px;font-weight:100;font-family:bill_corp_narroman;letter-spacing:3px;border-radius:7px}h1{font-family:bill_corp_narbold;line-height:1.2;margin:0 auto;margin-top:40px;text-align:center;font-size:39px;max-width:360px}h2{font-size:30px;margin:20px}#result h2{font-size:22px;font-family:bill_corp_narlight;max-width:364px;margin:0 auto;line-height:1.3}#result h3{margin:0;margin-bottom:-10px}h3{font-family:Permanent Marker,cursive;margin:20px;font-size:75px;letter-spacing:3px}p{font-family:bill_corp_narroman}img#portus{left:0}img#portus,img#westpro{position:absolute;top:0;padding:30px}img#westpro{right:0}input#age{height:111px;width:111px;background:#1a385a;border:0;border-radius:100%;color:#fff;font-size:28px;text-align:center;margin-bottom:20px;font-family:bill_corp_narbold;letter-spacing:1px}::-webkit-input-placeholder{color:#fff}::-moz-placeholder{color:#fff}:-ms-input-placeholder{color:#fff}:-moz-placeholder{color:#fff}label{display:block;margin:30px;font-family:bill_corp_narbold;letter-spacing:1px}.App{text-align:center}.modal{outline:none;position:absolute;width:70%;max-width:600px;padding:80px;max-width:659px;background-color:#fff;-webkit-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left;overflow-wrap:break-word;word-wrap:break-word}.modal,.modal a,.modal p{color:#000}.modal a{text-decoration:underline}.shareInfo{font-family:bill_corp_narsemibold;font-size:25px;max-width:310px;margin:0 auto;margin-bottom:40px;line-height:1.14}.modalInfo,.shareInfo{display:block;font-weight:100;cursor:pointer;color:#fff}.modalInfo{text-decoration:underline;margin-top:30px}.ReactModal__Body--open{overflow:hidden;width:100%;height:100%}.overlay{position:fixed;overflow:auto;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.75);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:99}.header p{font-family:bill_corp_narroman;color:#8f8f8f;font-size:24px;margin-top:0}#fb{display:block;margin:0 auto;margin-bottom:20px;width:55px}img#x{position:absolute;top:-29px;right:-28px;pointer-events:none}.selectLabel{font-family:bill_corp_narroman;color:#8f8f8f;font-size:24px;margin-top:0}@media screen and (max-width:699px){h1{font-size:32px;margin-bottom:4px}#header p{font-size:25px;line-height:26px}#start{padding-top:60px}#start .button{width:276px}#result{padding-top:170px}#result h3{font-size:30px}#result #portus{position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;width:140px}.center{top:490px}.col{float:none;width:100%}select{width:273px;font-size:13px;border-radius:7px}.sexSelect a{padding:10px}label{margin:25px 15px}.header{padding:10px}.header img{width:100px;padding:15px!important}.modal{padding:10px}#result .center{margin-top:30px}}
/*# sourceMappingURL=main.css.map*/