-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathbundle.css
More file actions
1 lines (1 loc) · 7.74 KB
/
Copy pathbundle.css
File metadata and controls
1 lines (1 loc) · 7.74 KB
1
@import"https://fonts.googleapis.com/css2?family=Archivo&family=Archivo+Black&family=Open+Sans:wght@400;700&display=swap";@import"https://fonts.cdnfonts.com/css/braggadocio";@import"https://use.typekit.net/ixy8wcw.css";*{margin:0;padding:0}*,*::after,*::before{box-sizing:border-box}html{font-size:62.5%;overflow-x:hidden}a{color:#fff;font-family:"Archivo Black",sans-serif}body{font-size:1rem;overflow-x:hidden;position:relative}h1{color:#993930;font-family:"scriptorama-tradeshow-jf",sans-serif;font-size:5rem;margin-bottom:3rem}h2{color:#7a2e26;font-family:"Archivo Black",sans-serif;font-size:3.5rem;margin-bottom:2rem}@media screen and (min-width: 970px){h2{font-size:5rem}}h3{color:#4a4a4f;font-family:"Archivo",sans-serif;font-size:3rem;margin:1.5rem 0;text-align:left}p,ul{color:#4a4a4f;font-family:"Open Sans",sans-serif;font-size:2rem;font-weight:400;line-height:3.5rem;margin:0 auto 2rem}p:last-child,ul:last-child{margin-bottom:0}ul,li{list-style-position:inside}li{text-align:left}li::marker{color:#ad6159}.list-wrapper{align-content:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;max-width:150rem;margin-inline:auto}@media screen and (min-width: 970px){.list-wrapper{flex-direction:row}}.list{flex-grow:1;margin:1.5rem 0;width:90%}@media screen and (min-width: 450px){.list{width:70%}}@media screen and (min-width: 970px){.list{width:25%;margin-left:10%}}.sr-only{position:absolute;left:-999em;right:auto}.btn{background-color:#993930;border:none;border-radius:1rem;color:#fff;cursor:pointer;display:inline-block;font-family:"Archivo Black",sans-serif;font-size:3rem;padding:1rem 2rem;pointer-events:visiblePainted;text-decoration:none}.btn:hover{background-color:#7a2e26}.gallery__button{background-color:rgba(0,0,0,0);padding:1rem}.gallery__button:hover{background-color:rgba(0,0,0,0)}.gallery__wrapper{border-radius:2rem;display:flex;flex-direction:column;margin-top:2rem;margin-bottom:12rem;margin-inline:auto;max-width:100rem;height:50rem;justify-content:flex-end}@media screen and (min-width: 1024px){.gallery__wrapper{margin-bottom:auto}}.gallery__wrapper>*{transition:opacity .3s ease-in;opacity:1}@media screen and (min-width: 1024px){.gallery__wrapper>*{opacity:0}}.gallery__wrapper:hover>*{opacity:1}.gallery__carousel{display:flex;overflow:auto}.gallery__carousel-wrapper{background-color:#7a2e26;border-radius:2rem;bottom:-27%;display:flex;height:25%;justify-content:space-between;position:relative}@media screen and (min-width: 1024px){.gallery__carousel-wrapper{background-color:rgba(246,239,233,.4588235294);backdrop-filter:blur(3rem);position:initial}}.gallery__carousel-img{border-radius:2rem;cursor:pointer;flex:0 0 auto;margin:1rem;width:15rem;opacity:.6}.gallery__carousel-img--selected{opacity:1}.discography{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.discography--tile{background-color:#4a9b98;display:block;list-style:none;width:31%}@media screen and (min-width: 970px){.discography--tile{width:20%}}.discography--tile img{width:100%;aspect-ratio:1/1}form{display:flex;flex-direction:column;margin-inline:auto;max-width:800px}@media screen and (min-width: 970px){form .input-row{display:flex;justify-content:space-between}form .input-row .input-wrapper{width:49%}}input:where(:not([type=submit])),textarea{border:none;border-radius:5px;font-family:"Open Sans",sans-serif;font-size:2rem;padding:1rem}input:where(:not([type=submit])){height:4rem}input[type=submit]{margin-top:3rem}@media screen and (min-width: 970px){input[type=submit]{align-self:center}}textarea{min-height:25rem;resize:vertical}label{align-self:baseline;font-family:"Open Sans",sans-serif;font-size:1.5rem;margin:.5rem;margin-left:1.5rem}.input-wrapper{display:flex;flex-direction:column;margin-bottom:1.25rem}.footer--main{background-color:#4a4a4f;text-align:center;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:5rem 0;padding:2rem;height:25rem}.footer--main p{font-size:1.75rem;color:#f6efe9;padding-top:1.5rem;line-height:initial}@media screen and (min-width: 970px){.footer--main{flex-direction:row;height:15rem;justify-content:space-between}}.footer--copy{background-color:#303030;color:#f6efe9;font-size:1.5rem;font-family:"open-sans",sans-serif;text-align:center;padding:.5rem}.footer--links ul{color:#7d7d82;display:flex;flex-wrap:wrap;justify-content:center;font-size:1rem;list-style:none}.footer--links li{flex:1 0 30%;padding:0 1rem;margin:.25rem;text-align:center}@media screen and (min-width: 970px){.footer--links li{border-right:2px solid #c5bfba;flex-basis:auto}}.footer--links li:last-of-type{border:none}.footer--links a{color:#c5bfba;font-family:"open-sans",sans-serif;font-size:2rem}.footer--contact{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 970px){.footer--contact{align-items:flex-end}}.seal{filter:invert(99%) sepia(11%) saturate(1143%) hue-rotate(296deg) brightness(100%) contrast(93%);transition:all 2s cubic-bezier(0.58, -0.59, 0.04, 1.32)}.socials{display:flex;justify-content:space-between;width:25rem}.socials a{height:5rem;width:5rem;display:flex}.socials-icon{height:5rem;width:5rem;fill:#f6efe9}.socials-icon:hover{fill:#e0c4c1}.rotate{transform:rotate(180deg)}.header{position:absolute;display:flex;flex:0 0 100%;padding:2rem;justify-content:space-between;align-items:center;width:100%}.header--sticky{animation:slideIn .5s ease-out;background:linear-gradient(45deg, #993930, #7a2e26);border-radius:20px;position:fixed;width:calc(100% - 3rem);padding:1rem;top:1rem;z-index:10}@keyframes slideIn{from{top:-10%}to{top:1rem}}.header__img{filter:invert(99%) sepia(11%) saturate(1143%) hue-rotate(296deg) brightness(100%) contrast(93%);height:5rem}@media screen and (min-width: 450px){.header__img{height:8rem}}.header__menu-btn{border:none;background-color:rgba(0,0,0,0);cursor:pointer;display:flex;align-items:center;justify-content:center;width:7rem;margin-left:auto}@media screen and (min-width: 970px){.header__menu-btn{display:none}}.header__menu-btn-icon{height:4rem;width:4rem;fill:#f6efe9}.header__nav{align-items:center;height:100vh;position:fixed;top:0;right:0;background:linear-gradient(#993930, #7a2e26);z-index:10;transition:transform .5s ease-out;transform:translateX(105%)}@media screen and (min-width: 970px){.header__nav{display:flex;position:relative;height:auto;background:none;background-color:rgba(0,0,0,0);transform:translateX(0)}}.header__nav-items{font-family:"Archivo Black",sans-serif;color:#f6efe9;list-style:none;font-size:2rem;display:flex;flex-direction:column}@media screen and (min-width: 970px){.header__nav-items{display:flex;flex-direction:row;margin:0}}.header__nav-item{margin:2.5rem}.header__nav-link{text-decoration:none;color:#f6efe9;position:relative;transition:opacity .5s}.header__nav-link:hover::after{transform:scaleX(1)}.header__nav-link::after{content:"";display:block;position:absolute;bottom:-0.5rem;width:100%;height:4px;background-color:#4a9b98;border-radius:10px 10px 10px 10px;transform:scaleX(0);transition:all .2s}.header__wrapper{display:flex;justify-content:center}.opened{transform:translateX(0);transition:transform .5s ease-out}.overlay{position:absolute;top:0;left:0;width:100vw;height:101vh;margin:-1.5rem;background-color:rgba(0,0,0,.6);backdrop-filter:blur(3px);z-index:5}.section-img{overflow:hidden;width:100%}.section-img img{max-height:50vh;object-fit:cover;width:100%}body{background-color:#f6efe9}p{max-width:800px}.hero{align-items:center;display:flex;height:50vh;justify-content:center;z-index:-2}.hero--badge{height:auto;margin-top:5rem;width:35rem}@media screen and (min-width: 970px){.hero--badge{width:50rem}}.section{padding:4rem;text-align:center}.section:last-of-type{padding-bottom:5rem}.section--alt{background-color:#fff}.hidden{display:none}.img-wrapper{overflow:hidden}.token{display:flex;height:7.5rem;width:auto;margin:3rem auto}/*# sourceMappingURL=bundle.css.map */