*,*::after,*::before{box-sizing:border-box;margin:0;padding:0}*::after,*::before{display:inline-block}html,body{width:100%;height:100%;font-size:100%}ul li{list-style:none}h1,h2,h3{font-family:inherit;font-size:inherit;color:inherit}a,a:visited,a:active{color:inherit;text-decoration:none;cursor:pointer}img{vertical-align:top}button{cursor:pointer;border:none;background:none;color:inherit;font-family:inherit;font-size:inherit}:root{--white-color: hsl(0, 0%, 100%);--black-color: hsl(0, 0%, 0%);--grey-color: hsl(0, 0%, 85%)}h1,h2,h3{font-family:"Josefin Sans","Century Gothic",sans-serif;font-weight:300}p{font-family:"Alata","Trebuchet MS",sans-serif;font-weight:400}a,a:visited,a:active{font-family:"Alata","Trebuchet MS",sans-serif;font-weight:400}.title{font-family:"Josefin Sans","Century Gothic",sans-serif;font-weight:300}.title--h1{font-size:4.375rem}.title--h2{font-size:3rem}.title--h3{font-size:2rem}@media(max-width: 600px){.title--h1{font-size:clamp(2.125rem,10vw,3.125rem)}.title--h2{font-size:clamp(2rem,10vw,2.5rem)}}.wrapper{display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.wrapper>main{flex:1 1 auto}body{font-family:"Alata","Trebuchet MS",sans-serif;font-weight:400;background-color:var(--white-color);color:var(--black-color)}@media(max-width: 600px){.lock{overflow:hidden}}[class*=__container]{max-width:71.25rem;padding:0 0.9375rem;margin:0 auto}@media(max-width: 600px){[class*=__container]{padding:0 1.875rem}}@media(max-width: 340px){[class*=__container]{padding:0 1.25rem}}.header{position:absolute;top:0;left:0;width:100%;z-index:50}.header__container{display:flex;justify-content:space-between;align-items:center;min-height:10rem;overflow:hidden}.header__logo{position:relative;z-index:50}.header__navmenu{display:flex;width:100%;justify-content:flex-end;align-items:center}.header__btn{position:relative;z-index:50}@media(min-width: 600px){.header__btn{display:none}}@media(max-width: 600px){.header__navmenu{position:absolute;top:0;left:0;height:100vh;width:100%;justify-content:flex-end;align-items:center;background-color:#000;transform:translateY(-100%);transition:transform .3s ease-in-out}}.active{transform:translateY(0)}.page{position:relative}.page .hero{position:relative;min-height:40.625rem}.page .hero__decore{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("../asset/images/desktop/image-hero.jpg");background-size:cover;background-position:top;background-repeat:no-repeat}.page .hero__decore::after{content:"";width:inherit;height:inherit;background-color:rgba(0,0,0,.3)}.page .hero__container{display:flex;position:relative;min-height:inherit;padding-bottom:9.0625rem;z-index:10}.page .hero__title{align-self:flex-end;max-width:40.5rem;padding:2.5rem;border:2px solid var(--white-color);color:var(--white-color)}@media(max-width: 600px){.page .hero{min-height:51.25rem}.page .hero__decore{background-image:url("../asset/images/mobile/image-hero.jpg")}.page .hero__container{padding-bottom:0rem}.page .hero__title{max-width:25rem;padding:1.75rem;align-self:center}}@media(max-width: 600px)and (max-width: 340px){.page .hero__title{max-width:18.75rem}}.page .interactive{margin:10rem 0}.page .interactive__container{position:relative;min-height:31.25rem;display:flex;align-items:end}.page .interactive__content{position:relative;z-index:10;max-width:34.6875rem;padding-top:5.9375rem;padding-left:5.9375rem;padding-right:0.9375rem;margin-left:auto;background-color:var(--white-color)}.page .interactive__title{margin-bottom:2.1875rem}.page .interactive__text{font-size:0.9375rem;line-height:25px;letter-spacing:.1px;margin-top:2.1875rem}.page .interactive__decor{position:absolute;left:0.9375rem;bottom:0.125rem}@media(max-width: 600px){.page .interactive{margin:7.5rem 0}.page .interactive__container{max-width:31.25rem;flex-direction:column;align-items:start;max-height:none}.page .interactive__content{margin-top:3.75rem;padding:0;margin-left:0}.page .interactive__title{margin-bottom:1.875rem;text-align:center}.page .interactive__text{font-size:1.125rem;line-height:32px;letter-spacing:.7px;text-align:center;margin-top:0}.page .interactive__decor{position:static}.page .interactive__decor img{width:100%}}.page .creations{margin:11.25rem 0}.page .creations__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:5rem}.page .creations__btn{font-size:0.9375rem;letter-spacing:4.5px;border:1px solid var(--black-color);padding:0.84375rem 2.625rem 0.84375rem 2.3125rem;position:relative;z-index:1;transition:all .2s;overflow:hidden}.page .creations__btn::before{content:"";position:absolute;z-index:-1;top:0;left:0;height:0;width:100%;background-color:#000;transition:all .2s}.page .creations__btn:hover{color:#fff}.page .creations__btn:hover::before{height:100%}.page .creations__btn--bottom{display:flex;justify-content:center;max-width:12.5rem;padding:0.84375rem 3.3125rem;margin:2.8125rem auto 0rem}@media(min-width: 600px){.page .creations__btn--bottom{display:none}}@media(max-width: 600px){.page .creations{margin:7.5rem 0}.page .creations__header{justify-content:center;align-items:center;padding-bottom:3.75rem}.page .creations__title{margin:0 auto}.page .creations__btn--header{display:none}}.grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));grid-auto-rows:28.125rem;gap:1.875rem}@media(max-width: 600px){.grid{grid-auto-rows:9.625rem}}.footer{background-color:var(--black-color);color:var(--white-color);padding:2.8125rem 0}.footer__container{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:3.125rem}.footer__left{display:flex;flex-direction:column;gap:1.625rem}.footer__right{display:flex;flex-direction:column;align-items:flex-end;gap:1.625rem}.footer__image{height:24px}.footer__copyright{font-size:0.9375rem}.footer .attribution{font-size:11px;text-align:center}.footer .attribution a{color:hsl(228,45%,44%)}@media(max-width: 600px){.footer{padding:2.8125rem 0}.footer__container{gap:3.75rem}.footer__left,.footer__right{display:flex;flex-direction:column;align-items:center}.footer__left{gap:2.75rem}.footer__right{gap:1.5rem}.footer .navmenu:not(.navmenu--social){flex-direction:column;justify-content:center;align-items:center;gap:1.625rem}}.card{display:flex;position:relative;width:100%;height:100%;padding:2.5rem;color:#fff;background-size:cover;background-position:top;background-repeat:no-repeat}@media(max-width: 600px){.card{padding:1.5625rem 2.125rem}}.card::before{content:"";width:inherit;height:inherit;position:absolute;top:0;left:0;background:linear-gradient(45deg, hsla(0, 0%, 0%, 0.7), hsla(0, 0%, 0%, 0.25), hsla(0, 0%, 0%, 0))}.card:hover::before{background:none;background-color:hsla(0,0%,85%,.6)}.card:hover{color:#000}.card__title{position:relative;align-self:flex-end;max-width:10.9375rem}.card__title--short{max-width:8.75rem}.card--deep-earth{background-image:url("../asset/images/desktop/image-deep-earth.jpg")}@media(max-width: 600px){.card--deep-earth{background-image:url("../asset/images/mobile/image-deep-earth.jpg")}}.card--night-arcade{background-image:url("../asset/images/desktop/image-night-arcade.jpg")}@media(max-width: 600px){.card--night-arcade{background-image:url("../asset/images/mobile/image-night-arcade.jpg")}}.card--soccer-team{background-image:url("../asset/images/desktop/image-soccer-team.jpg")}@media(max-width: 600px){.card--soccer-team{background-image:url("../asset/images/mobile/image-soccer-team.jpg")}}.card--grid{background-image:url("../asset/images/desktop/image-grid.jpg")}@media(max-width: 600px){.card--grid{background-image:url("../asset/images/mobile/image-grid.jpg")}}.card--from-above{background-image:url("../asset/images/desktop/image-from-above.jpg")}@media(max-width: 600px){.card--from-above{background-image:url("../asset/images/mobile/image-from-above.jpg")}}.card--pocket-borealis{background-image:url("../asset/images/desktop/image-pocket-borealis.jpg")}@media(max-width: 600px){.card--pocket-borealis{background-image:url("../asset/images/mobile/image-pocket-borealis.jpg")}}.card--curiosity{background-image:url("../asset/images/desktop/image-curiosity.jpg")}@media(max-width: 600px){.card--curiosity{background-image:url("../asset/images/mobile/image-curiosity.jpg")}}.card--fisheye{background-image:url("../asset/images/desktop/image-fisheye.jpg")}@media(max-width: 600px){.card--fisheye{background-image:url("../asset/images/mobile/image-fisheye.jpg")}}.navmenu{position:relative;z-index:50;display:flex;justify-content:space-between;max-width:23.75rem;width:100%}.navmenu__item{position:relative;color:var(--white-color)}.navmenu__item::after{content:"";position:absolute;bottom:-0.625rem;left:50%;width:1.5rem;height:0.125rem;background-color:#fff;transform:translateX(-50%) scaleX(0);transform-origin:bottom left;transition:transform .2s ease-in}.navmenu__item:hover::after{transform:translateX(-50%) scaleX(1)}.navmenu--social{min-width:9.0625rem}@media(max-width: 600px){.navmenu--mobile{flex-direction:column;gap:2rem}.navmenu--mobile .navmenu__item::after{left:45%;width:90%}.navmenu--mobile .navmenu__link{font-family:"Josefin Sans","Century Gothic",sans-serif;font-weight:300;font-size:1.875rem;text-transform:uppercase}}@media(max-width: 600px){.hidden{display:none}}/*# sourceMappingURL=style.css.map */