*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;scroll-behavior:smooth}body{background-color:hsl(231, 46%, 17%)}.container{display:grid;grid-template-rows:8vh 92vh min-content 30vw max-content repeat(5, min-content);grid-template-columns:[full-start] minmax(12rem, 1fr) [center-start] repeat(12, [col-start] minmax(min-content, 16rem) [col-end]) [center-end] minmax(12rem, 1fr) [full-end]}@media only screen and (max-width: 90em){.container{grid-template-rows:8vh 92vh min-content 40vw max-content repeat(5, min-content);grid-template-columns:[full-start] minmax(12rem, 1fr) [center-start] repeat(8, [col-start] minmax(min-content, 16rem) [col-end]) [center-end] minmax(12rem, 1fr) [full-end]}}@media only screen and (max-width: 53.125em){.container{grid-template-rows:8vh 92vh min-content 40vw max-content repeat(5, min-content);grid-template-columns:[full-start] minmax(12rem, 1fr) [center-start] repeat(6, [col-start] minmax(min-content, 16rem) [col-end]) [center-end] minmax(12rem, 1fr) [full-end]}}@media only screen and (max-width: 29.25em){.container{grid-template-rows:8vh 92vh min-content 40vw max-content repeat(5, min-content);grid-template-columns:[full-start] minmax(12rem, 1fr) [center-start] repeat(4, [col-start] minmax(min-content, 4rem) [col-end]) [center-end] minmax(12rem, 1fr) [full-end]}}@font-face{font-family:"Roboto";font-style:normal;font-weight:300;src:url("../../fonts/roboto-light.woff2") format(woff2),url("../../fonts/roboto-light.woff") format(woff)}@font-face{font-family:"Roboto";font-style:italic;font-weight:300;src:url("../../fonts/roboto-light-italic.woff2") format(woff2),url("../../fonts/roboto-light-italic.woff") format(woff)}@font-face{font-family:"Roboto";font-style:normal;font-weight:400;src:url("../../fonts/roboto-regular.woff2") format(woff2),url("../../fonts/roboto-regular.woff") format(woff)}@font-face{font-family:"Roboto";font-style:italic;font-weight:400;src:url("../../fonts/roboto-regular-italic.woff2") format(woff2),url("../../fonts/roboto-regular-italic.woff") format(woff)}@font-face{font-family:"Roboto";font-style:normal;font-weight:700;src:url("../../fonts/roboto-bold.woff2") format(woff2),url("../../fonts/roboto-bold.woff") format(woff)}@font-face{font-family:"Roboto";font-style:italic;font-weight:700;src:url("../../fonts/roboto-bold-italic.woff2") format(woff2),url("../../fonts/roboto-bold-italic.woff") format(woff)}@font-face{font-family:"Roboto";font-style:normal;font-weight:900;src:url("../../fonts/roboto-black.woff2") format(woff2),url("../../fonts/roboto-black.woff") format(woff)}@font-face{font-family:"Roboto";font-style:italic;font-weight:900;src:url("../../fonts/roboto-black-italic.woff2") format(woff2),url("../../fonts/roboto-black-italic.woff") format(woff)}html{font-size:62.5%;color:hsl(0, 0%, 100%)}body{font-family:"Roboto",sans-serif;font-size:1.6rem;line-height:1.5}.display-1{font-family:"Roboto",sans-serif;font-weight:700}.heading-5,.heading-1{font-family:"Roboto",sans-serif;font-weight:400}.heading-primary--full,.heading-primary{text-transform:uppercase;font-weight:700;color:hsl(226, 7%, 65%);position:relative}.subheading{font-family:"Roboto",sans-serif;font-weight:900}.heading-1{font-size:6rem}.heading-5{font-size:2.5rem;font-weight:700;text-transform:uppercase;display:grid;grid-template-columns:max-content 1fr;grid-column-gap:1.2rem;align-items:center;width:100%;position:relative}.heading-5::after{content:"";display:block;height:.4rem;background-color:hsl(49, 97%, 54%)}.display-1{font-size:9.6rem}.display-1--secondary{color:hsl(49, 97%, 54%);text-transform:uppercase}.subheading{font-size:2rem;text-align:center;text-transform:uppercase;color:hsl(226, 7%, 65%)}.heading-primary--full{text-align:center}.heading-primary--full::after{position:absolute;content:"";top:100%;left:50%;width:80%;height:.8rem;margin-top:1rem;margin-bottom:1rem;background-color:hsl(49, 97%, 54%);transform:translateX(-50%)}.heading-primary::after{position:absolute;content:"";top:100%;left:0;width:50%;height:.8rem;margin-top:1rem;margin-bottom:1rem;background-color:hsl(49, 97%, 54%)}.paragraph-lg--full{text-align:center;font-size:2rem;font-weight:700}@media only screen and (max-width: 90em){html{font-size:50%;color:hsl(0, 0%, 100%)}}.flex{display:flex;justify-content:center;align-items:flex-start;flex-flow:column nowrap;width:100%}.btn__primary--large,.btn__primary{background-color:hsl(49, 97%, 54%);border:none;border-radius:.4rem;text-transform:uppercase;color:hsl(230, 32%, 23%)}.btn__secondary--large,.btn__secondary{background-color:transparent;text-transform:uppercase;color:hsl(49, 97%, 54%);border:none;border-bottom:.4rem solid hsl(49, 97%, 54%)}.btn{padding:1.2rem 1.8rem;font-family:"Roboto",sans-serif;font-size:1.6rem;font-weight:700;cursor:pointer;transition:all .1s linear}.btn__primary--large{padding:1.4rem 2rem}.btn__primary--large:hover{background-color:hsl(49, 98%, 68%)}.btn__primary--large:active{background-color:hsl(49, 84%, 49%)}.btn__secondary--large{padding:1.4rem 2rem}.btn__secondary--large:hover{background-color:hsla(49, 98%, 68%, 0.25)}.btn__secondary--large:active{background-color:hsla(49, 84%, 49%, 0.25)}.card{display:grid;grid-template-columns:repeat(2, 1fr);grid-auto-flow:row;min-height:50rem;background-color:hsl(230, 46%, 13%);border-radius:1rem;overflow:hidden;grid-gap:2.4rem}.card__badge{grid-row:1/2;grid-column:1/2;z-index:6;margin:2rem;padding:1rem 2rem;height:4rem;width:14rem;text-align:center;border-radius:10rem;text-transform:uppercase;font-weight:900}.card__badge--available{background-color:hsl(134, 51%, 92%);color:hsl(134, 70%, 13%)}.card__badge--unavailable{background-color:hsl(11, 100%, 96%);color:hsl(5, 63%, 21%)}.card__badge--questionable{background-color:hsl(40, 100%, 91%);color:hsl(40, 56%, 15%)}.card__img{width:100%;grid-row:1/2;grid-column:1/-1;z-index:5}.card__title{grid-column:1/-1;justify-self:start;font-size:2.4rem;margin-left:2rem;margin-right:2rem}.card__price{grid-column:1/-1;justify-self:start;font-size:1.8rem;margin-left:2rem;margin-right:2rem}.card__btn{grid-column:1/-1;display:block;width:100%;border-radius:0}.about__content{grid-column:2/span 6;background-color:hsl(231, 46%, 17%);margin-right:2.4rem;display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:center;gap:15%}.about__content p{max-width:85%}.about__pictures{padding:1rem;grid-column:8/span 6;background-color:hsl(231, 46%, 17%);display:grid;grid-template-columns:repeat(6, 1fr);grid-template-rows:repeat(6, 1fr);align-items:center}.about__pictures .image-1{width:100%;grid-row:2/6;grid-column:2/span 7}.about__pictures .image-2{width:115%;z-index:25;grid-row:4/6;grid-column:1/span 3}.about__pictures--stack{z-index:25;transition:all .2s ease}.about__pictures--stack:hover{transform:scale(1.05);z-index:30;box-shadow:0 1rem 2rem hsla(0, 0%, 0%, 0.5)}.brands{position:relative;grid-column:full-start/full-end;background-color:hsl(230, 46%, 13%)}.brands::before{position:absolute;content:"";bottom:100%;height:10rem;width:100%;background:linear-gradient(to top, hsl(230, 46%, 13%) 0%, hsla(230, 46%, 13%, 0) 100%)}.brands::after{position:absolute;content:"";top:100%;height:10rem;width:100%;background:linear-gradient(to bottom, hsl(230, 46%, 13%) 0%, hsla(230, 46%, 13%, 0) 100%)}.brands__logo{display:grid;grid-template-columns:repeat(auto-fit, minmax(10rem, 1fr));grid-auto-flow:column;justify-items:center;padding-top:3.2rem;padding-bottom:3.2rem}.brands__logo svg{fill:hsl(49, 97%, 54%);height:3.2rem;width:auto;cursor:pointer;transition:transform .2s ease;backface-visibility:hidden}.brands__logo svg:hover{transform:scale(1.25)}@media only screen and (max-width: 29.25em){.brands__logo{grid-auto-flow:row}}.navigation{grid-column:full-start/full-end;width:100%;padding:1.6rem 3.2rem;display:flex;justify-content:space-between;align-items:center}.navigation__container{display:flex;justify-content:space-between;align-items:center}.navigation__logo{height:5.6rem;width:auto;fill:hsl(49, 97%, 54%)}.navigation__list{list-style:none}.navigation__item{padding:1.6rem .8rem}.navigation__link{position:relative;color:hsl(0, 0%, 100%);-webkit-text-decoration:none;text-decoration:none;margin-left:1.8rem;margin-right:1.8rem}.navigation__link::after{position:absolute;content:"";top:120%;left:0;width:100%;height:.3rem;background:hsl(49, 97%, 54%);transform:scaleX(0);transform-origin:right;transition:transform .25s ease-in}.navigation__link:hover::after{transform:scaleX(1);transform-origin:left}.language__item{display:inline-block;padding:1.6rem .8rem}.language__link{margin-left:1.2rem;margin-right:1.2rem;-webkit-text-decoration:none;text-decoration:none;color:inherit;font-weight:300}.language__link:hover{color:hsl(49, 97%, 54%)}.menu-toggle{position:fixed;z-index:201;top:3rem;right:3rem;width:2.8rem;height:2.8rem;cursor:pointer;flex-direction:column;justify-content:space-around;transition:.5s}.menu-toggle span{background-color:#fff;width:100%;height:.3rem}.menu-toggle.active{transform:rotate(-180deg)}.menu-toggle.active span:nth-child(1){position:absolute;background-color:#fff;top:50%;left:50%;transform:translate(-50%, -50%) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){position:absolute;background-color:#fff;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-45deg)}@media only screen and (max-width: 35em){.menu-toggle{display:flex}.navigation{overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;background-color:hsla(231, 46%, 17%, 0.95);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);z-index:200;flex-direction:column;justify-content:center;align-items:center;gap:5rem;transform:translateX(100%);transition:transform .35s ease-out}.navigation[data-visible=true]{transform:translateX(0%)}.navigation__container{flex-direction:column;gap:5rem}.navigation__item{display:flex;flex-direction:column;justify-content:space-around;min-height:50vh}.navigation__logo{height:10rem}}.contact{padding-top:8rem;padding-bottom:8rem;grid-column:full-start/full-end;background-color:hsl(230, 46%, 13%);display:grid;grid-template-columns:repeat(12, minmax(auto, 1fr))}.contact__left{padding-top:3.6rem;padding-bottom:3.6rem;border-radius:2rem 0 0 2rem;grid-column:2/span 5;background-color:hsl(231, 46%, 17%);display:flex;flex-flow:column wrap;justify-content:center;align-items:center;gap:3.2rem}.contact__shape{position:relative;width:25rem;height:25rem;border-radius:50%;overflow:hidden;cursor:pointer;box-shadow:0 .4rem .8rem hsla(0, 0%, 0%, 0.5)}.contact__shape:hover .contact__caption{opacity:1;transform:translate(-50%, -50%)}.contact__shape:hover .contact__img{transform:scale(1.1);filter:blur(0.3rem) brightness(80%)}.contact__img{width:100%;transform:scale(1);backface-visibility:hidden;transition:all .5s ease}.contact__caption{position:absolute;top:50%;left:50%;transform:translate(-50%, 20%);color:hsl(0, 0%, 100%);text-transform:uppercase;font-size:2.4rem;text-align:center;opacity:0;transition:all .5s ease;backface-visibility:hidden}.contact__name,.contact__mobile,.contact__adress{font-size:1.8rem;text-transform:uppercase;font-weight:600}.contact__right{padding-left:6.4rem;padding-right:6.4rem;grid-column:7/span 5;background-color:hsl(229, 39%, 19%);border-radius:0rem 2rem 2rem 0rem;display:flex;flex-flow:column wrap;justify-content:center;gap:9.6rem}.contact__title{text-transform:uppercase;text-align:center;color:hsl(49, 97%, 54%);font-weight:900;font-size:4.8rem}.contact__btn{display:block;width:100%}.form__group:not(:last-child){margin-bottom:3.2rem}.form__input,.form__textarea{width:100%;display:block;font-family:inherit;font-size:1.6rem;color:hsl(220, 7%, 84%);padding:1.2rem 2rem;border-radius:.4rem;background-color:hsl(230, 32%, 23%);border:1px solid hsl(229, 20%, 32%)}.form__input:focus,.form__textarea:focus{outline:none;border-bottom:3px solid hsl(49, 97%, 54%)}.form__input:focus:invalid,.form__textarea:focus:invalid{border-bottom:3px solid hsl(24, 99%, 46%)}.form__input::-moz-placeholder,.form__textarea::-moz-placeholder{color:hsl(229, 7%, 46%)}.form__input::placeholder,.form__textarea::placeholder{color:hsl(229, 7%, 46%)}.form__label{display:block;color:hsl(226, 7%, 65%);font-size:1.8rem;font-weight:700;margin-bottom:.8rem}@media only screen and (max-width: 90em){.contact{display:grid;grid-template-rows:repeat(2, 1fr);grid-template-columns:repeat(8, 1fr)}.contact iframe{width:90%}.contact__left{grid-column:2/span 6;grid-row:1/2;border-radius:0}.contact__right{grid-column:2/span 6;grid-row:2/3;border-radius:0}}@media only screen and (max-width: 53.125em){.contact__left img{width:100%}}@media only screen and (max-width: 29.25em){.contact{display:grid;grid-template-rows:repeat(2, 1fr);grid-template-columns:repeat(4, 1fr)}.contact iframe{width:90%}.contact__left{grid-column:1/span 4;grid-row:1/2;border-radius:0}.contact__right{grid-column:1/span 4;grid-row:2/3;border-radius:0}}.footer{grid-column:full-start/full-end;background-color:hsl(229, 47%, 9%);display:flex;justify-content:space-between;align-items:center;padding:4rem 2rem}.footer__logo{height:5.6rem;width:auto;fill:hsl(49, 97%, 54%)}.footer__medias{width:30rem;display:flex;flex-flow:column wrap;justify-content:space-evenly;align-items:center}.footer__medias--wrapper{padding:1rem;display:flex;flex-flow:row nowrap;justify-content:space-evenly;width:100%}.footer__medias--title{text-transform:uppercase}.footer__icon--gmail,.footer__icon--facebook,.footer__icon--instagram{width:4rem;fill:hsl(229, 8%, 56%)}.autor__footer{grid-column:full-start/full-end;padding:2rem 1rem;display:flex;justify-content:space-around;flex-flow:row wrap;width:100%;background-color:hsl(233, 44%, 4%)}@media only screen and (max-width: 29.25em){.footer{flex-direction:column}}.gallery{grid-column:full-start/full-end;background-color:hsl(230, 46%, 13%);padding:6rem}#index-gallery{display:grid;grid-template-columns:repeat(auto-fit, minmax(auto, 1fr));grid-gap:3.2rem;grid-template-areas:"gallery-p gallery-p gallery-p" "gallery-h2 gallery-h2 gallery-h2" "img1 img2 img3" "img4 img5 img6" "img7 img8 img9"}#index-gallery .heading-primary--full{grid-column:1/-1}#index-gallery .gallery-img{width:100%;height:30rem;background-repeat:no-repeat;background-size:cover;background-position:center;cursor:pointer}#index-gallery .gallery-img div{width:100%;height:100%;background-color:#000;opacity:0;display:flex;justify-content:center;align-items:center}#index-gallery .gallery-img div:hover{opacity:.8;transition:all .1s ease-in-out}#index-gallery .gallery-img a{font-size:1.8rem;color:hsl(0, 0%, 100%);-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase}#index-gallery p{grid-area:gallery-p}#index-gallery h2{grid-area:gallery-h2}#index-gallery .img1{grid-area:img1;background-image:url("../../img/picture_1.jpg")}#index-gallery .img2{grid-area:img2;background-image:url("../../img/picture_2.jpg")}#index-gallery .img3{grid-area:img3;background-image:url("../../img/picture_3.jpg")}#index-gallery .img4{grid-area:img4;background-image:url("../../img/picture_4.jpg")}#index-gallery .img5{grid-area:img5;background-image:url("../../img/picture_5.jpg")}#index-gallery .img6{grid-area:img6;background-image:url("../../img/picture_6.jpg")}#index-gallery .img7{grid-area:img7;background-image:url("../../img/picture_7.jpg")}#index-gallery .img8{grid-area:img8;background-image:url("../../img/picture_8.jpg")}#index-gallery .img9{grid-area:img9;background-image:url("../../img/picture_9.jpg")}.img-window{width:100vw;height:100vh;background-color:hsla(231, 46%, 17%, 0.8);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);position:fixed;top:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center}.img-window img{max-height:80vh;max-width:80vh;box-shadow:0 1rem 2rem hsla(0, 0%, 0%, 0.5)}.img-btn-next{display:block;padding:.6rem 1rem;border-radius:.4rem;background-color:#111;position:fixed;top:50vh;z-index:110;color:#fff;cursor:pointer;text-transform:uppercase}.img-btn-next:hover{opacity:.8}.img-btn-prev{display:block;padding:.6rem 1rem;border-radius:.4rem;background-color:#111;position:fixed;top:50%;z-index:110;color:#fff;cursor:pointer;text-transform:uppercase}.img-btn-prev:hover{opacity:.8}.hero{position:relative;background-image:linear-gradient(0deg, hsl(231, 46%, 17%) 10%, hsla(231, 46%, 17%, 0.8) 50%, hsl(231, 46%, 17%) 90%),url("../../img/hero.jpg");background-size:cover;background-position:center;background-attachment:fixed;isolation:isolate;grid-column:full-start/full-end;display:grid;grid-template-columns:minmax(12rem, 1fr) repeat(12, 1fr) minmax(12rem, 1fr)}.hero::before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;z-index:-1;background-color:hsl(231, 46%, 17%);mix-blend-mode:color}.hero__content{grid-column:2/span 6;align-self:center;display:flex;justify-content:center;align-items:flex-start;flex-flow:column nowrap;gap:2.4rem}.hero__text{max-width:80%}.hero__buttons{display:flex;justify-content:center;align-items:flex-start;flex-flow:row wrap;gap:2.4rem}.hero__pictures{grid-column:9/span 6;display:grid;align-self:center}.hero__picture{width:100%;grid-row:2/6;grid-column:2/6;box-shadow:0 2rem 5rem rgba(0, 0, 0, 0.1);border-radius:8px 0 0 8px}@media only screen and (max-width: 29.25em){.hero{display:flex}}.services{grid-column:center-start/center-end;background-color:hsl(231, 46%, 17%);min-height:100vh;display:grid;grid-template-columns:repeat(auto-fit, minmax(32rem, 1fr));grid-column-gap:4.8rem;align-items:center;justify-content:center;align-content:space-around}.services h1,.services p{grid-column:1/-1}.service{display:grid;justify-items:center;align-items:center;grid-gap:2.4rem}.service__icon{fill:hsl(49, 97%, 54%);width:4.8rem;width:4.8rem}.service__text{font-size:1.75rem}.shop{grid-column:center-start/center-end;min-height:100vh;padding:4rem;background-color:hsl(231, 46%, 17%);display:grid;grid-template-columns:repeat(auto-fit, minmax(34rem, 1fr));align-items:center;justify-content:center;align-content:space-around;grid-gap:4rem;gap:4rem}.heading-primary--full{grid-column:1/-1}/*# sourceMappingURL=style.css.map */