generated from carlosmuerto/readme-template-microverse
-
Notifications
You must be signed in to change notification settings - Fork 0
/
styles.min.css
1 lines (1 loc) · 20.2 KB
/
styles.min.css
1
html,body{max-width:100%;overflow-x:hidden;scroll-behavior:smooth}.internal{display:none !important}.image-modale{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;cursor:-webkit-zoom-out;cursor:zoom-out;z-index:10;padding:5%;-webkit-transition-property:opacity;transition-property:opacity;background-color:rgba(39,42,50,.75);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;opacity:0;pointer-events:none}.image-modale.show{opacity:1;pointer-events:auto}.image-modale>img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}*>a{text-decoration:none}*{font-family:Lato,sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.wrapper{max-width:100%;padding-left:1rem;padding-right:1rem}@media(min-width: 768px){.wrapper{padding-left:10%;padding-right:10%}}.social-top{width:100%;background-color:#272a32;display:none}@media(min-width: 768px){.social-top{display:block}}.social-top ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;list-style:none;padding:0 1rem}.social-top ul li{padding:.25rem}.social-top ul li .list-item{color:#fff;font-size:.8rem;-webkit-transition:color .25s ease-in;transition:color .25s ease-in;text-transform:capitalize}.social-top ul li .list-item:hover{color:#ec5242}header{z-index:9;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:1rem;padding:1rem;position:fixed;width:100%}@media(min-width: 768px){header{position:initial}}header .header-logo{position:relative;display:none}header .header-logo img{position:absolute;display:block;top:-1rem;height:5rem;aspect-ratio:2/1;-o-object-fit:cover;object-fit:cover}header nav.navbar{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background-color:rgba(39,42,50,.75);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;left:-100%;top:0;position:absolute;-webkit-transition:left .25s ease-in-out;transition:left .25s ease-in-out;width:calc(100% - 3rem)}header nav.navbar ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}header nav.navbar ul li{list-style:none;padding:1rem;text-align:center;border-bottom:rgba(211,211,211,.75) solid 1px}header nav.navbar ul li *{color:#d3d3d3;font-weight:bold;font-size:1.25rem}header nav.navbar ul li.nav-item>*{display:block;-webkit-transition:color .1s ease-in,-webkit-transform .1s ease-in-out;transition:color .1s ease-in,-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out,color .1s ease-in;transition:transform .1s ease-in-out,color .1s ease-in,-webkit-transform .1s ease-in-out}header nav.navbar ul li.nav-item>*:hover{-webkit-transform:scale(1.1);transform:scale(1.1);color:#ec5242}header nav.navbar ul li.nav-item>*.active{color:#ec5242}header nav.navbar ul li#menu-btn-close{justify-self:end;text-align:right;cursor:pointer}header nav.navbar.show{left:0}header #menu-btn i{font-size:1.5rem}@media(min-width: 768px){header .header-logo{display:initial}header nav.navbar{position:initial;left:-100%;top:0;height:initial;width:initial;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background-color:#fff}header nav.navbar ul{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}header nav.navbar ul li{list-style:none;padding:1rem;text-align:center;border-bottom:none}header nav.navbar ul li>*{color:#272a32;font-weight:initial;font-size:1rem}header nav.navbar ul li#menu-btn-close{display:none}header nav.navbar.show{left:initial}header #menu-btn{display:none}header #logo{display:initial}header .only-mobile{display:none}}main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:3.5rem}@media(min-width: 768px){main{margin-top:initial}}main .section-divider{width:100%;height:1px;background-color:#f5f5f5}main .divider{background-color:#ec5242;height:4px;margin:1.25rem 0;width:3rem}main .more-btn{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:2rem}main .more-btn button{background-color:#fff;border:#d3d3d3 solid 2px;border-radius:5px;color:#272a32;font-size:1rem;padding:1rem;width:100%;cursor:pointer}@media(min-width: 768px){main .more-btn button{max-width:40%}}main .more-btn button .more-btn-chevron-down{color:#ec5242}main section.about-logo{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;padding-bottom:3rem;padding-top:3rem;background-color:#fff}main section.about-logo .title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-transform:uppercase;text-align:center}main section.about-logo .title h2{color:#272a32;font-size:1.25rem;width:80%}main section.about-logo .title p{color:#272a32;font-size:.75rem;width:80%;text-transform:capitalize}main section.about-logo .title .divider{background-color:#ec5242;height:1px;margin:.5rem 0;width:1rem}main section.about-logo .box{border:#d3d3d3 solid 1px;background-color:#fff;padding:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;margin:2rem 3rem;width:80%;max-width:20rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main section.about-logo .box img{display:block;margin:auto;width:100%}main section.categories{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;padding-bottom:3rem;padding-top:3rem;background-color:#272a32;background-image:url("/assets/decorators/primary-color-background.jpg")}main section.categories .title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-transform:uppercase}main section.categories .content{display:grid;gap:.25rem;grid-template:auto/1fr}@media(min-width: 768px){main section.categories .content{grid-template:auto/repeat(5, 1fr);margin:0 5%}}main section.categories .content .content-item{-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:rgba(0,0,0,0) solid 2px;background-color:rgba(211,211,211,.2)}@media(min-width: 768px){main section.categories .content .content-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;padding:1rem;gap:.5rem}}main section.categories .content .content-item .img{-webkit-box-flex:0;-ms-flex:0 0 5rem;flex:0 0 5rem;margin:auto;min-width:5rem;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main section.categories .content .content-item .img img{display:block;margin:auto}main section.categories .content .content-item h3{color:#ec5242;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;font-size:1rem;min-width:4rem;text-transform:capitalize}main section.categories .content .content-item p.summary{color:#fff;-webkit-box-flex:5;-ms-flex:5;flex:5;-webkit-box-flex:4;-ms-flex-positive:4;flex-grow:4;-ms-flex-negative:1;flex-shrink:1;font-size:.9rem}main section.categories .content .content-item.content-item-with-hover{-webkit-transition:border 1s ease-in-out;transition:border 1s ease-in-out}main section.categories .content .content-item.content-item-with-hover:hover{border:#fff solid 2px}main section.categories .categories-btn{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:2rem}main section.categories .categories-btn button{background-color:#ec5242;border:0;color:#fff;font-size:1rem;padding:1rem;width:80%}@media(min-width: 768px){main section.categories .categories-btn button{width:20rem;background-color:rgba(0,0,0,0);text-decoration:underline;font-size:1.25rem;text-underline-offset:.25rem}}main section.partner{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;padding-bottom:3rem;padding-top:3rem}main section.partner .title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-transform:uppercase}main section.partner .title h2{color:#272a32;text-align:center}main section.partner .content{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.25rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media(min-width: 768px){main section.partner .content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}}main section.partner .content .content-item{-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media(min-width: 768px){main section.partner .content .content-item{width:20%}}main section.partner .content .content-item .img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}main section.partner .content .content-item .img img{display:block;margin:auto;width:80%}main section.about-images{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;padding-bottom:3rem;padding-top:3rem;gap:2rem}main section.about-images .title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-transform:uppercase}main section.about-images .title h2{color:#272a32;text-align:center}main section.about-images .title p{color:#272a32;font-size:.75rem;width:80%;text-transform:capitalize;text-align:center}main section.about-images .title p a{color:#ec5242;font-weight:bold}main section.about-images .content{display:grid;gap:1rem;grid-template:auto/1fr}@media(min-width: 768px){main section.about-images .content{grid-template:auto/repeat(2, 1fr)}}main section.about-images .content .content-item{-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main section.about-images .content .content-item .img{-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}main section.about-images .content .content-item .img img{display:block;margin:auto;width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}main section.about-images .content .content-item .img .overlay{position:absolute;width:100%;height:100%;background-color:rgba(236,82,66,.75);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color .5s ease-in;transition:background-color .5s ease-in;cursor:-webkit-zoom-in;cursor:zoom-in}main section.about-images .content .content-item .img .overlay .generated-name{color:#d3d3d3;font-size:1.5rem;padding:0 2rem;text-align:center}main section.about-images .content .content-item .img .overlay:hover{background-color:rgba(39,42,50,.75)}main section.headline{background-color:#f5f5f5;background-image:url("/assets/decorators/background-color-background.png");display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:calc(100vh - 2rem - 1.5rem);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}main section.headline .title{color:#ec5242;background:-webkit-gradient(linear, left top, left bottom, from(rgba(236, 82, 66, 0.5))),url("/assets/about/image/A-Completely-unrelated-random-content.jpg");background:linear-gradient(rgba(236, 82, 66, 0.5)),url("/assets/about/image/A-Completely-unrelated-random-content.jpg");background-size:cover;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}main section.headline .title h1{font-family:COCOGOOSE,sans-serif}main section.headline .title span{font-size:1.25rem}@media(min-width: 768px){main section.headline .title h1{font-size:3rem;width:60%;text-transform:uppercase}main section.headline .title span{font-size:1.25rem;width:60%;text-transform:uppercase}}main section.headline .box#description a{color:#ec5242;font-weight:bold}main section.headline .box{border:#fff solid 2px;border-radius:2px;font-size:.8rem;margin:.5rem;padding:.25rem}@media(min-width: 768px){main section.headline .box{border:#fff solid 4px;border-radius:3px;font-size:1rem;margin:2rem 1rem;padding:1rem .5rem;max-width:60%}}main section.headline #date{color:#272a32}main section.headline #date span{font-size:.8rem}main section.features{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;padding-bottom:3rem;padding-top:3rem;background-color:#fff}main section.features .title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-transform:uppercase;font-family:COCOGOOSE,sans-serif}main section.features .title h2{color:#272a32;text-align:center}main section.features .content{display:grid;gap:.25rem;grid-template:auto/1fr}@media(min-width: 768px){main section.features .content{grid-template:auto/repeat(2, 1fr)}}main section.features .content .content-item{-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}main section.features .content .content-item .img{-webkit-box-flex:0;-ms-flex:0 0 7rem;flex:0 0 7rem;min-width:7rem;min-height:7rem;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}@media(min-width: 768px){main section.features .content .content-item .img{grid-template:auto/repeat(2, 1fr);-webkit-box-flex:0;-ms-flex:0 0 12rem;flex:0 0 12rem;min-width:12rem;min-height:12rem}}main section.features .content .content-item .img img.decorator-img{background-color:#272a32;position:absolute;right:10%;top:10%;height:40%;width:40%;z-index:1}main section.features .content .content-item .img img.main-img{position:absolute;left:50%;top:50%;height:70%;width:70%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:2}main section.features .content .content-item .body h3{color:#272a32;font-size:1rem}main section.features .content .content-item .body h4{color:#ec5242;font-size:.75rem}main section.features .content .content-item .body .divider{background-color:#d3d3d3;height:2px;margin:.25rem 0;width:3rem}main section.features .content .content-item .body p{color:#272a32;font-size:.75rem;text-align:justify}@media(min-width: 768px){main section.headline.headline-home{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}main section.headline.headline-home .title{font-family:COCOGOOSE,sans-serif}main section.headline.headline-about{text-align:center}main section.headline.headline-about .title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-transform:uppercase;color:#ec5242}main section.headline.headline-about .box{border:#d3d3d3 solid 2px;background-color:#fff;padding:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem}main section.headline.headline-about .box .box-content{color:#272a32}main section.headline.headline-about .contact-info{padding-top:2rem;color:#272a32;font-size:.8rem;width:80%}main section.headline.headline-about .contact-info .email{color:#ec5242;font-weight:bold}footer{background-color:#272a32;color:#fff}footer .footer-content{display:grid;grid-template:auto/1fr;gap:1rem;padding:2rem 0}@media(min-width: 768px){footer .footer-content{grid-template:auto/15rem 1fr;gap:1rem;padding:2rem 0}}footer .footer-content .footer-logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}footer .footer-content .footer-logo .footer-img{display:block;aspect-ratio:3/1;-o-object-fit:cover;object-fit:cover;width:100%}footer .footer-content .footer-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:0 10%}@media(min-width: 768px){footer .footer-content .footer-info{padding:0}}footer .footer-content .footer-info h5{font-size:1rem}