*,*::before,*::after{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-family:"Muli", sans-serif;font-size:62.5%}body{margin:0;padding:0}.scroll-lock{overflow:hidden}.header{width:100%;position:relative;z-index:1}.header__navigation{padding:16px 16px 0}.header__title{text-align:center;width:100%;font-size:3.2rem;font-weight:bold;padding:0 16px;margin:48px 0 24px}.header .title--speech{width:85%;margin:50px 16px 0 auto}.header__picture{width:50%;margin:30px auto 0 auto}.header__picture .picture__img{max-width:210px;margin:0 auto}.header--huge-top-wave{background-image:url(../../assets/huge_top_wave_background.svg);background-repeat:no-repeat;background-size:100% 80%}.header--huge-top-wave .navigation__backdrop{background-image:url(../../assets/huge_top_wave_background.svg);background-repeat:no-repeat;background-size:100% 80%}.header--medium-top-left-wave{background-image:url(../../assets/medium_top_left_wave_background.svg);background-repeat:no-repeat;background-size:85% 100px;min-height:100px}.header--medium-top-left-wave .navigation__backdrop{background-image:url(../../assets/medium_top_left_wave_background.svg);background-repeat:no-repeat;background-size:85% 100px}.header--medium-top-left-wave .navigation__list{background-color:white}.header--medium-top-left-wave .navigation-item__link{color:#4eafde}.header--small-top-left-wave{background-image:url(../../assets/small_top_left_wave_background.svg);background-repeat:no-repeat;background-size:85% 100px;min-height:100px}.header--small-top-left-wave .navigation__backdrop{background-image:url(../../assets/small_top_left_wave_background.svg);background-repeat:no-repeat;background-size:85% 100px}.header--small-top-left-wave .navigation__list{background-color:white}.header--small-top-left-wave .navigation-item__link{color:#4eafde}.picture{display:block}.picture__img{display:block;width:100%;height:auto}.list{list-style:none;display:flex;flex-direction:column}.navigation{display:flex;justify-content:space-between;align-items:center}.navigation .site-branding{z-index:9999}.navigation .site-branding__logo{width:55px;height:auto}.navigation .site-branding__name{font-size:2.6rem;margin:0 0 0 6px}.navigation__list{visibility:hidden;position:absolute;display:flex;margin:0;padding:0;top:20vh;left:50%;transform:translateX(-50%);text-align:center;z-index:9999;animation:hide 0.1s both ease-out;transition:visibility 0.3s}.navigation__list--active{visibility:visible;animation:show 0.1s 0.25s both ease-out}.navigation__opener{width:55px;height:55px;color:transparent;padding:0;border:0;background:url(../../assets/menu-icon.png);background-repeat:no-repeat;background-size:100% 100%;z-index:9999}.navigation__backdrop{visibility:hidden;position:absolute;background-image:url(../../assets/wavy_bottom_background.svg);background-repeat:no-repeat;background-size:100% 80%;background-color:white;top:0;left:0;margin:0;padding:0;width:100%;height:100%;animation:hide 0.2s 0.1s both ease-in-out;transition:visibility 0.3s}.navigation__backdrop::before{content:"";position:absolute;top:100%;left:0;width:100%;height:calc(100vh - 100%);background-color:white}.navigation__backdrop--active{visibility:visible;animation:show 0.2s both ease-in-out}.navigation__closer{visibility:hidden;position:absolute;top:80vh;left:50%;transform:translateX(-50%);animation:hide 0.1s both ease-out;transition:visibility 0.3s}.navigation__closer--active{visibility:visible;animation:show 0.1s 0.2s both ease-out}@keyframes show{from{opacity:0}to{opacity:1}}@keyframes hide{from{opacity:1}to{opacity:0}}.site-branding{text-decoration:none;display:flex;align-items:center}.site-branding__name{color:white;line-height:70%}.brand-name__start{display:block;letter-spacing:0.35em;text-transform:uppercase;font-weight:bold}.brand-name__end{display:block;font-size:0.6em;letter-spacing:0.25em;font-weight:normal}.navigation-item{margin-bottom:32px}.navigation-item__link{font-size:2.4rem;font-weight:bold;color:white;text-decoration:none}.navigation-item:last-of-type{margin-bottom:0}.pill-link{display:block}.pill-link__link{text-decoration:none;color:white;font-size:1.6rem;border:solid 2px white;border-radius:999px;padding:8px}.pill-link--light .pill-link__link{background-color:white;color:rgba(0,44,200,0.57)}.pill-link--dark .pill-link__link{background-color:#4eb2de;color:white;border-color:#4eb2de}.pill-link--big .pill-link__link{padding-left:24px;padding-right:24px;font-size:1.8rem}.pill-link--very-big .pill-link__link{padding-left:38px;padding-right:38px;font-size:2.4rem}.logo{display:block}.logo__img{display:block;width:100%;height:auto}.section__title{font-size:2.8rem;font-weight:bold;width:100%;padding:0 16px;margin:32px 0 16px 0}.section__subtitle{font-size:2.4rem;font-weight:bold}.section .title--speech{width:85%;margin:32px 16px 16px auto}.section__paragraph{text-align:justify;font-size:1.6rem;padding:0 16px;margin:16px 0;color:#5f5f5f}.section--huge-bottom-wave{background-image:url(../../assets/huge_bottom_wave_background.svg);background-repeat:no-repeat;background-size:100% 100%}.section--huge-bottom-wave .section__title{padding-top:2em}.section--huge-bottom-wave .section__paragraph{color:white}.section--medium-bottom-left-wave{background-image:url(../../assets/medium_bottom_left_wave_background.svg);background-repeat:no-repeat;background-size:100% 80px;background-position:bottom}.section--big-bottom-right-wave{background-image:url(../../assets/big_bottom_right_wave_background.svg);background-repeat:no-repeat;background-size:100% 110px;background-position:bottom;padding-bottom:110px}.section--about-skin .section__picture{display:none}.section--check-skin{padding-bottom:32px}.section--check-skin .section__title{text-align:center}.section--sign-in-up .section__title{font-size:3.2rem;text-align:center}.section--sign-in-up .section__picture{width:30%;margin:0 auto}.section--launchpad{position:relative}.section--launchpad .section__subtitle{display:none}.section--launchpad .section__picture{display:none}.section--launchpad .section__absolute-link{position:absolute;bottom:50px;right:40px;transform:translateY(50%);color:white;font-size:1.8rem;font-weight:bold;text-decoration:none;max-width:30%;text-align:right}.section--launchpad .section__absolute-link::before,.section--launchpad .section__absolute-link::after{content:"";position:absolute;background-color:white;width:29px;height:4px;right:-30px;border-radius:2px}.section--launchpad .section__absolute-link::before{transform:translateY(-50%) rotate(45deg);transform-origin:bottom right;top:calc(50% + 0.5px)}.section--launchpad .section__absolute-link::after{transform:translateY(-50%) rotate(-45deg);transform-origin:top right;top:calc(50% - 0.5px)}.section--analyze-skin .section__title{font-size:3.2rem;text-align:center;margin:32px 0}.section--analyze-skin .section__subtitle{width:65%}.section--analyze-skin .section__picture{width:40%;max-width:170px;margin:0 auto}.section--analyze-skin .section__form-options{display:none;margin:32px 0}.section--analyze-skin .section__form-options .form-options__link{font-size:1.8rem}.section__link-wrapper{width:100%;display:flex;justify-content:center}.form-options{display:flex;flex-direction:column;align-items:center}.form-options__link{display:block;font-size:1.6rem;text-decoration:none;color:#549edd}.form-options__link:not(:last-child){margin-bottom:20px}.launchpad-options{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.launchpad-options__item{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:16px}.launchpad-options__item:last-of-type{margin-bottom:unset}.launchpad-item__image{width:120px;height:120px}.launchpad-item__name{margin-top:16px;font-size:2rem;text-decoration:none;color:#4eafde;font-weight:bold;max-width:70%}.title{color:#4eafde}.title--light{color:white}.title--speech{padding:0;padding-left:5%;border-left:2px solid currentColor;text-align:left}.title--small{font-size:2.4rem}.footer{width:100%;margin:8px 0;color:#5f5f5f;font-size:1.4rem;text-align:center}.form__field{margin:20px auto;max-width:450px}.form__button-wrapper{margin:20px 0}.form__button-wrapper .button-wrapper__button{font-size:1.8rem;padding:10px 48px;background-color:#4eb2de;color:white;border:none;border-radius:999px;font-family:inherit;cursor:pointer}.field{position:relative;display:flex;flex-direction:column;justify-content:center}.field__input{border:2px solid #4eafde;font-size:1.6rem;padding:11.5px 24px;max-height:45px;border-radius:999px;width:calc(100% - 32px);margin:0 16px;color:#5f5f5f;outline:none}.field__label{position:absolute;left:42px;font-size:1.6rem;color:rgba(0,0,0,0.5);transition:transform 0.2s ease-out}.field--active .field__input{border:3px solid #4eafde;box-shadow:0 1px 3px 1px #4eaede88}.field--active .field__label,.field--filled .field__label{font-size:1.2rem;font-weight:bold;color:#549edd;background-color:white;padding:2px 6px 0 6px;transform:translateY(-150%)}.file-field{display:flex;justify-content:center}.file-field__label{font-size:2.2rem;font-weight:bold;color:#4eafde;margin:auto 0 auto 16px;width:50%}.file-field__input{display:none}.file-field__button{background:url(../../assets/launchpad_add.png);background-repeat:no-repeat;background-size:100% 100%;width:60px;height:60px;border:none;margin:0;padding:0}.button-wrapper{width:100%;display:flex;justify-content:center}@media (min-width: 768px){.header__title{font-size:3.8rem}.header__navigation{padding:16px 32px 0}.header--medium-top-left-wave{background-size:90% 112px;min-height:112px}.header--small-top-left-wave{background-size:70% 112px;min-height:112px}.navigation .site-branding__logo{width:65px}.navigation .site-branding__name{font-size:2.8rem}.pill-link__link{padding:8px 16px}.section__title{margin:48px 0 32px 0;padding:0 32px;font-size:3.2rem}.section__subtitle{font-size:2.8rem}.section__paragraph{font-size:1.8rem;margin:16px 0;padding:0 32px}.section__link-wrapper{margin-top:32px}.section--medium-bottom-left-wave{background-size:100% 112px}.section--big-bottom-right-wave{background-size:100% 140px;padding-bottom:unset}.section--check-skin .section__title{font-size:3.8rem;text-align:center}.section--check-skin .section__paragraph{text-align:center}.section--sign-in-up .section__title{font-size:3.8rem}.section--sign-in-up .section__picture{max-width:210px}.section--launchpad{display:grid;grid-template-columns:2fr 2fr 7fr;grid-template-rows:2fr 1fr 1fr;grid-template-areas:"pad pad pad"
 "img speech ."
 "img . .";min-height:calc(100vh - 112px)}.section--launchpad .section__subtitle{display:block;grid-area:speech;align-self:center}.section--launchpad .section__picture{display:block;grid-area:img;align-self:end;max-width:140px;margin-left:auto;margin-bottom:16px}.section--launchpad .section__absolute-link{font-size:2.1rem;max-width:20%;right:50px;bottom:60px}.section--launchpad .section__absolute-link::before,.section--launchpad .section__absolute-link::after{width:36px;height:4px;right:-37px}.section--analyze-skin{display:grid;grid-template-columns:1fr 1fr 3fr;grid-template-rows:2fr 1fr 89px 3fr;grid-template-areas:". . title"
 "speech . form"
 "img . form-options"
 "img . .";min-height:calc(100vh - 112px)}.section--analyze-skin .section__title{grid-area:title;margin:0 0 32px 0;align-self:end;font-size:3.8rem}.section--analyze-skin .section__subtitle{grid-area:speech;align-self:end;width:85%;margin:32px 16px 0 auto}.section--analyze-skin .section__picture{grid-area:img;width:100%;align-self:end;margin:0 0 16px auto;max-width:200px}.section--analyze-skin .section__form{grid-area:form}.section--analyze-skin .section__form-options{grid-area:form-options;align-self:center}.section--analyze-skin .section__form-options .form-options__link{font-size:2rem}.launchpad-options{grid-area:pad}}@media (min-width: 991px){.header--main-page{display:grid;grid-template-columns:3fr 5fr;grid-template-rows:auto;grid-template-areas:"nav nav"
 "image header"
 "image ."}.header--main-page .header__picture{grid-area:image;justify-self:end}.header--main-page .header__title{grid-area:header;align-self:start;justify-self:start;font-size:4.2rem;margin:50px 0 0 0}.header--main-page .header__navigation{grid-area:nav;width:100%;justify-self:center}.header--medium-top-left-wave{background-size:70% 180px;min-height:180px}.header--small-top-left-wave{background-size:50% 160px;min-height:160px}.header .title--speech{width:70%}.pill-link__link{font-size:1.8rem}.pill-link--big .pill-link__link{padding-left:34px;padding-right:34px;font-size:2.4rem}.navigation .site-branding__logo{width:80px}.navigation .site-branding__name{font-size:3.2rem}.navigation__list{top:96px;left:unset;right:32px;transform:unset;text-align:right;animation:hide 0.25s both ease-out;transition:visibility 0.25s;transform-origin:top}.navigation__list--active{animation:show 0.25s both ease-out}@keyframes show{0%{transform:scaleY(0);opacity:0}80%{opacity:1}100%{transform:scaleY(1)}}@keyframes hide{0%{transform:scaleY(1)}80%{opacity:0}100%{transform:scaleY(0)}}.navigation-item{margin-bottom:16px}.navigation-item__link{font-size:2rem;font-weight:bold;color:white;text-decoration:none}.section__title{margin:64px 0 32px 0;font-size:3.8rem}.section__paragraph{font-size:2.4rem}.section--about-skin{display:flex;flex-wrap:wrap;align-items:center}.section--about-skin .section__title{margin-bottom:0}.section--about-skin .section__paragraph{width:50%;padding:0 0 0 32px}.section--about-skin .section__picture{display:block;width:50%}.section--about-skin .section__picture .picture__img{max-width:210px;margin:0 auto}.section--medium-bottom-left-wave{background-size:100% 160px}.section--big-bottom-right-wave{background-size:100% 220px}.section--check-skin .section__title{font-size:4.2rem}.section--sign-in-up{display:grid;grid-template-columns:2fr 3fr 5fr;grid-template-rows:auto auto auto 1fr;grid-template-areas:". . title"
 "img speech form"
 "img speech form-options"
 "img . .";align-items:start;min-height:calc(100vh - 180px)}.section--sign-in-up .section__title{grid-area:title;font-size:4.2rem;margin:0 0 12px 0}.section--sign-in-up .section__form{grid-area:form}.section--sign-in-up .section__form-options{grid-area:form-options}.section--sign-in-up .section__picture{grid-area:img;width:100%;margin-top:64px;max-width:250px}.section--sign-in-up .section__subtitle{grid-area:speech;font-size:3.2rem;margin:32px 0}.section--launchpad{min-height:calc(100vh - 160px)}.section--launchpad .section__subtitle{margin-top:0}.section--launchpad .section__picture{max-width:150px}.section--launchpad .section__absolute-link{font-size:2.8rem;max-width:20%;right:75px;bottom:95px}.section--launchpad .section__absolute-link::before,.section--launchpad .section__absolute-link::after{width:48px;height:5px;right:-52px}.section--analyze-skin{min-height:calc(100vh - 160px);grid-template-areas:". . title"
 "img . form"
 "img speech form-options"
 "img . ."}.section--analyze-skin .section__title{font-size:4.2rem}.section--analyze-skin .section__subtitle{align-self:center}.launchpad-options__item{margin-bottom:unset;margin-right:16px}.launchpad-options__item:last-of-type{margin-right:unset}.field__input{font-size:1.8rem;padding:12.5px 24px;max-height:50px}.field__label{font-size:1.8rem}.form__button-wrapper .button-wrapper__button{font-size:2rem}.file-field__label{font-size:2.4rem}.file-field__button{width:65px;height:65px}}@media (min-width: 1302px){.header--main-page{grid-template-columns:1fr 490px 730px 1fr;grid-template-rows:auto;grid-template-areas:"nav nav nav nav"
 ". image header ."
 ". image . ."}.header--main-page .header__title{font-size:5rem}.header--medium-top-left-wave{background-size:70% 250px;min-height:250px}.header--small-top-left-wave{background-size:40% 190px;min-height:190px}.navigation .site-branding__logo{width:85px}.navigation .site-branding__name{font-size:3.6rem}.navigation__opener{width:60px;height:60px}.navigation__list{top:106px}.navigation-item{margin-bottom:24px}.navigation-item__link{font-size:2.2rem;font-weight:bold;color:white;text-decoration:none}.pill-link__link{font-size:2rem}.pill-link--big .pill-link__link{padding-left:34px;padding-right:34px;font-size:2.4rem}.section__title{font-size:4.2rem}.section--about-skin{max-width:1220px;margin-left:auto;margin-right:auto}.section--check-skin .section__paragraph{max-width:1220px;margin-left:auto;margin-right:auto}.section--check-skin .section__title{font-size:4.6rem}.section--sign-in-up{display:grid;grid-template-columns:1fr 244px 366px 610px 1fr;grid-template-rows:auto auto auto 1fr;grid-template-areas:". . . title ."
 ". img speech form ."
 ". img speech form-options ."
 ". img . . .";min-height:calc(100vh - 250px)}.section--sign-in-up .section__title{font-size:5rem}.section--sign-in-up .section__subtitle{font-size:3.4rem}.section--sign-in-up .section__form-options .form-options__link{font-size:1.8rem}.section--launchpad{min-height:calc(100vh - 190px);grid-template-columns:1fr 1fr 5fr}.section--launchpad .section__subtitle{font-size:3rem}.section--launchpad .section__picture{max-width:160px}.section--launchpad .section__absolute-link{font-size:3.4rem;max-width:17%;right:100px;bottom:120px}.section--launchpad .section__absolute-link::before,.section--launchpad .section__absolute-link::after{width:62px;height:5px;right:-70px}.section--analyze-skin{min-height:calc(100vh - 190px)}.section--analyze-skin .section__title{font-size:5rem}.section--analyze-skin .section__form-options .form-options__link{font-size:2.2rem}.section--medium-bottom-left-wave{background-size:100% 220px}.section--big-bottom-right-wave{background-size:100% 290px}.launchpad-item__image{width:160px;height:160px}.launchpad-item__name{margin-top:20px;font-size:2.4rem}.form__button-wrapper .button-wrapper__button{font-size:2rem;padding:12px 60px}}