html,body{margin:0;padding:0}body{background-image:linear-gradient(130deg, #55416a, #2c3861);background-attachment:fixed;font-family:"Poppins",Arial,sans;-webkit-font-smoothing:antialiased;font-weight:400;font-size:20px}header{padding-top:2em;padding-bottom:.5em;max-width:1400px;padding-left:2em;margin-left:auto;margin-right:auto}@media(min-width: 1100px){header{padding-top:5em;padding-bottom:3em;padding-left:.5em}}header .cell-1{display:flex;align-items:flex-start}header p{margin:0;color:rgba(255,255,255,.7);text-transform:uppercase;font-size:.8em}.container{max-width:1400px;width:100%;margin-left:auto;margin-right:auto;display:flex;justify-content:flex-start;flex-flow:row wrap}main{padding:1em 2em 0}@media(min-width: 1100px){main{margin-bottom:4em}}main .container{display:flex;gap:2em;max-width:1400px;margin-bottom:2em}@media(max-width: 1099px){main .container>*{width:100%}}@media(min-width: 1100px){main .container{display:grid;grid-template-columns:repeat(4, 1fr)}}.logotype{width:80px;height:80px;display:block;margin-left:auto}.logotype svg{width:100%;fill:#fff}.cell-1{width:100%}h1{color:#fff;margin-top:0;margin-bottom:0;font-size:2.25em;line-height:1.1}h2{grid-column-start:4 span;color:#fff;margin-bottom:-0.65em}.project-inspo,.card{display:flex;flex-flow:column wrap;background-color:rgba(255,255,255,.025);border-radius:20px;text-decoration:none;box-shadow:0 1rem 2rem rgba(0,0,0,.1);padding:2.25rem 2rem 1.75rem;transition:all .25s ease-in-out}.project-inspo p,.card p{color:rgba(255,255,255,.7);font-size:.8em;margin:0;margin-top:.25em;line-height:1.3}.project-inspo p a:first-of-type,.card p a:first-of-type{margin-top:.25em}.project-inspo h3,.card h3{color:#fff;margin:0;line-height:1.2;margin-top:auto;font-size:1.25em}.project-inspo h3 i,.card h3 i{font-style:normal;display:inline-block;width:23px;height:23px;color:#2c3861;background-color:#ff6fd8;font-size:12px;border-radius:50%;line-height:23px;text-align:center;vertical-align:text-top;margin-left:.4em;position:relative;top:5px}.project-inspo a,.card a{display:block;color:#fff;color:rgba(255,255,255,.7);transition:all .25s ease-in-out;padding-top:2px;text-decoration-color:rgba(255,255,255,0)}.project-inspo a:before,.card a:before{content:"- "}.project-inspo a:hover,.project-inspo a:focus,.card a:hover,.card a:focus{color:#fff;text-decoration-color:rgba(255,255,255,.75)}.project-inspo .progress-bar,.card .progress-bar{width:100%;margin-top:3px;background-color:rgba(0,0,0,.1);border-radius:20px;height:10px;position:relative}.project-inspo .progress-bar span,.card .progress-bar span{display:block;height:100%;position:absolute;left:0;top:0;border-radius:20px;background-color:#fff;width:5%}.project-inspo .progress-bar span:before,.card .progress-bar span:before{width:200px;display:block;margin-top:-19px;content:"";color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;font-size:11px;color:rgba(255,255,255,.25)}.project-inspo .progress-bar span.design,.card .progress-bar span.design{width:30%;background-color:#f04dc3}.project-inspo .progress-bar span.design:before,.card .progress-bar span.design:before{content:"Design fas"}.project-inspo .progress-bar span.mobile,.card .progress-bar span.mobile{width:50%;background-color:#44c9cd}.project-inspo .progress-bar span.mobile:before,.card .progress-bar span.mobile:before{content:"Mobildesign fas"}.project-inspo .progress-bar span.wcag,.card .progress-bar span.wcag{width:75%;background-color:#f04dc3}.project-inspo .progress-bar span.wcag:before,.card .progress-bar span.wcag:before{content:" "}.project-inspo .progress-bar span.browser,.card .progress-bar span.browser{width:90%;background-color:#ffad26}.project-inspo .progress-bar span.browser:before,.card .progress-bar span.browser:before{content:"Webbläsare kontroll fas"}.project-inspo.done,.card.done{background-color:#3cb968}.project-inspo.done:hover,.project-inspo.done:focus,.card.done:hover,.card.done:focus{background-color:#349e59}.project-inspo.done h3 i,.card.done h3 i{background-color:#fff;color:#349e59}.project-inspo.done p,.card.done p{color:rgba(255,255,255,.9)}.project-inspo.done .progress-bar,.card.done .progress-bar{background-color:rgba(0,0,0,0)}.project-inspo.done .progress-bar span,.card.done .progress-bar span{width:100%;background-color:rgba(0,0,0,0)}.project-inspo.done .progress-bar span:before,.card.done .progress-bar span:before{content:"100%";color:#fff;margin-top:-12px;font-size:1em;letter-spacing:0}.project-inspo.new,.card.new{position:relative;background-color:rgba(255,111,94,.06)}.project-inspo.new:before,.card.new:before{content:"";width:13px;height:13px;border-radius:50%;background-color:#ff6f5e;position:absolute;left:-2px;top:-2px;box-shadow:0 1rem 2rem rgba(0,0,0,.5)}.project-inspo.new h3:before,.card.new h3:before{content:"NY!";color:#ff6f5e;width:200px;display:block;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;font-size:13px}.card{grid-row-start:2 span;min-height:160px}a.card:hover,a.card:focus{background-color:rgba(255,255,255,.05)}.project-inspo{background-color:rgba(0,0,0,0);border:2px dashed rgba(255,255,255,.1);position:relative}.project-inspo:before{position:absolute;top:20px;content:"Design preview";color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;font-size:11px;color:rgba(255,255,255,.25)}a.project-inspo{font-size:85%;min-height:64px}a.project-inspo p{font-size:.9em}.only-localhost{opacity:.6}/*# sourceMappingURL=boilerplate.min.css.map */