-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.min.css
1 lines (1 loc) · 2.83 KB
/
index.min.css
1
@font-face{font-family:'Big Shoulders Display';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/bigshouldersdisplay/v12/fC1MPZJEZG-e9gHhdI4-NBbfd2ys3SjJCx12wPgf9g-_3F0YdWg8JF4.ttf) format('truetype')}@font-face{font-family:'Lexend Deca';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/lexenddeca/v15/K2FifZFYk-dHSE0UPPuwQ7CrD94i-NCKm-U48M1ArA.ttf) format('truetype')}:root{--bright-orange:hsl(31, 77%, 52%);--dark-cyan:hsl(184, 100%, 22%);--very-dark-cyan:hsl(179, 100%, 13%);--transparent-white:hsla(0, 0%, 100%, 0.75);--very-light-gray:hsl(0, 0%, 95%);font-size:15px;font-family:"Lexend Deca",sans-serif}html{max-width:1440px;min-height:664px;margin:auto;width:100%;height:100%;background-color:var(--transparent-white)}html body{margin:auto;height:100%;width:100%;display:flex;justify-content:center;align-items:center}html body main{border-radius:.5rem;overflow:clip;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-columns:minmax(100%,1fr);max-width:920px;height:502px;margin:5.85rem 1.6rem}html body main section{padding:3.2rem;position:relative}html body main section img{width:4.4rem;height:auto}html body main section h1{text-transform:uppercase;color:var(--very-light-gray);font-family:"Big Shoulders Display",cursive;font-size:2.75rem;margin:1.3em 0;line-height:0;animation:move-text 2s ease-out 1s forwards}html body main section p{color:var(--very-light-gray);line-height:1.5;animation:move-text 2s ease-out 1s forwards}html body main section a{position:absolute;display:block;line-height:0;padding:1.6em;border-radius:2rem;outline:0;background-color:var(--very-light-gray);text-align:center;font-family:"Lexend Deca",sans-serif;border:1px solid transparent;cursor:pointer;text-decoration:none;width:6.5rem;opacity:1;bottom:3rem}html body main section a:hover{background-color:transparent;border-color:var(--very-light-gray);color:var(--very-light-gray)!important;transition:all .25s ease-in}html body main section:first-child{background-color:var(--bright-orange)}html body main section:first-child a{color:var(--bright-orange)}html body main section:nth-child(2){background-color:var(--dark-cyan)}html body main section:nth-child(2) a{color:var(--dark-cyan)}html body main section:last-child{background-color:var(--very-dark-cyan)}html body main section:last-child a{color:var(--very-dark-cyan)}html .attribution{position:absolute;bottom:0;text-align:center;margin:2em;font-weight:300;color:var(--soft-blue)}html .attribution :any-link{color:var(--very-dark-cyan);text-decoration:none}html .attribution a:hover{color:var(--bright-orange);font-style:oblique;font-weight:600}@media screen and (max-width:calc(1.6rem * 2 + 919px)){html{width:auto;height:auto}html body main{display:flex;flex-wrap:wrap;max-width:327px;height:fit-content}html body main section{max-height:346px;width:100%;height:346px}}