@import"https://fonts.googleapis.com/css2?family=Alata:wght@400&family=Josefin+Sans:wght@300&display=swap";.attribution{font-size:1rem;color:#222d59;text-align:center}.attribution a{font-size:1.1rem;color:#3e52a3}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:"Alata",sans-serif;font-size:.9375rem;font-weight:400;line-height:1.4;background-color:#fff;color:#8c8c8c}img{display:inline-block;max-width:100%}ul{list-style-type:none}a{text-decoration:none;color:#333}.container{max-width:1150px;margin:0 auto;padding:2rem}.flex{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}@media(min-width: 1200px){.flex{flex-direction:row;gap:1rem}}.hero-bg{position:relative;height:72.8vh;background-image:url("../images/mobile/image-hero.jpg");background-position:center;background-size:cover;padding:2.25rem 1.75rem}@media(min-width: 650px){.hero-bg{background-image:url("../images/desktop/image-hero.jpg")}}.hero-bg h1{font-family:"Josefin Sans";font-weight:300;font-size:2.9rem;border:3px solid #fff;line-height:1;text-transform:uppercase;position:absolute;top:50%;left:0;transform:translateY(-50%);max-width:600px;margin:0 1.75rem;padding:1.25rem 1.5rem;color:#fff}@media(min-width: 900px){.hero-bg h1{font-size:5rem}}header nav{display:flex;justify-content:space-between}header ul{display:flex;gap:4rem}#leader{text-align:center;padding:5rem 0 2.5rem 0}#leader h2{font-family:"Josefin Sans";font-size:2.5rem;font-weight:300;line-height:1;text-transform:uppercase;color:#000;margin:3rem 0 1.5rem 0}#leader p{font-size:1.25rem}#creations{font-family:"Josefin Sans";font-weight:300}#creations h3{font-size:2.5rem;font-weight:300;line-height:1;text-transform:uppercase;text-align:center;color:#000;margin-bottom:3rem}#creations .see-all-btn{display:flex;justify-content:center;margin:2.25rem 0 5rem 0}#creations a{font-family:"Alata";font-weight:400;font-size:1.25rem;letter-spacing:3px;border:2px solid #000;padding:.5rem 3rem;text-transform:uppercase}#creations a:hover{background-color:#000;color:#fff}#creations .card-container{display:grid;grid-template-columns:1fr;align-items:stretch;gap:1.7rem}@media(min-width: 900px){#creations .card-container{height:95vh}}#creations .creation__card{display:flex;flex-direction:column;justify-content:flex-end;text-transform:uppercase;padding:2rem;height:200px;color:#fff;font-size:1.75rem;line-height:1;background-size:cover;background-position:left bottom}@media(min-width: 900px){#creations .creation__card{height:40vh}}#creations .creation__card p{max-width:150px}#creations .creation__card:nth-of-type(1){background-image:url("../images/mobile/image-deep-earth.jpg")}#creations .creation__card:nth-of-type(2){background-image:url("../images/mobile/image-night-arcade.jpg")}#creations .creation__card:nth-of-type(3){background-image:url("../images/mobile/image-soccer-team.jpg")}#creations .creation__card:nth-of-type(4){background-image:url("../images/mobile/image-grid.jpg")}#creations .creation__card:nth-of-type(5){background-image:url("../images/mobile/image-from-above.jpg")}#creations .creation__card:nth-of-type(6){background-image:url("../images/mobile/image-pocket-borealis.jpg")}#creations .creation__card:nth-of-type(7){background-image:url("../images/mobile/image-curiosity.jpg")}#creations .creation__card:nth-of-type(8){background-image:url("../images/mobile/image-fisheye.jpg")}@media(min-width: 650px){#creations .card-container{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 900px){#creations .card-container{grid-template-columns:repeat(4, 1fr)}}footer{display:flex;flex-direction:column;align-items:center;color:#fff;background-color:#000;text-align:center;padding:3.5rem 1rem}footer ul{display:flex;flex-direction:column;gap:1.7rem;margin:2.5rem 0 1.4rem 0}footer .social-links{display:flex;justify-content:center;gap:1.2rem;margin:2rem}footer .social-links img{width:28px;height:28px}footer .copyright{opacity:.5}@media(min-width: 650px){footer{flex-direction:row;justify-content:space-between}footer ul{flex-direction:row}}/*# sourceMappingURL=styles.css.map */