master.091dcbca.css.map

{"version":3,"sources":["css/common.scss","css/desktop.scss","css/mobile.scss","css/tablet.scss"],"names":[],"mappings":"AAAA,MACE,aAAA,CACA,cAAA,CACA,cAAA,CACA,oBAGF,YACE,kBAGF,aACE,mBAGF,cACE,YAGF,UAEE,QAAA,CACA,SAAA,CACA,iBAAA,CACA,kBAGF,UACE,iBAGF,EACE,eAAA,CACA,mBAGF,WAIE,iBAAA,CACA,UAGF,OACE,gBAGF,SAGE,wBAAA,CACA,oBAAA,CACA,kBAAA,CACA,eAAA,CACA,SAGF,QACE,6BAAA,CACA,mBAEA,YACE,cAIJ,MACE,qBAAA,CACA,cAAA,CACA,WAAA,CACA,YAAA,CACA,YAGF,SACE,2BAAA,CACA,WAGF,SACE,4BAAA,CACA,iBAAA,CACA,oBAGF,SACE,qBAAA,CACA,kBAEA,aACE,eAQJ,WAHE,kBAGF,EACE,qBAIF,QACE,oBAAA,CACA,qBAAA,CACA,aAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CACA,eAAA,CACA,mBAAA,CACA,wBAAA,CACA,cAAA,CACA,cAAA,CACA,mDAGF,YACE,yCAAA,CACA,UAAA,CACA,sBAGF,qCAEE,gBAGF,0BACE,4BAAA,CACA,WAGF,2BACE,qBAAA,CACA,iBAGF,aACE,wCAAA,CACA,UAAA,CACA,uBAGF,qBACE,UAAA,CACA,kCAGF,oBACE,iBAAA,CACA,yCAGF,OACE,YAAA,CACA,sBAAA,CACA,sBAAA,CACA,eAEA,uBAKE,UAAA,CACA,iBAAA,CACA,gBANA,2BACE,aAAA,CACA,WAQN,OACE,kBAGF,WACE,eAAA,CACA,mBAGF,QACE,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,sBAGF,KACE,YAAA,CACA,kBAAA,CACA,2BAGF,GACE,eAAA,CACA,kBAAA,CACA,aAGF,GACE,iBAAA,CACA,YAAA,CACA,sBAAA,CACA,iBAGF,UACE,aAAA,CACA,eAAA,CACA,qBAAA,CACA,qBAAA,CACA,kBAAA,CACA,UAAA,CACA,WAAA,CACA,WAAA,CACA,gBAAA,CACA,gBAAA,CACA,iBAAA,CACA,qBC5NF,qCACE,KACE,eAGF,GACE,eAGF,GACE,eAGF,GACE,eAIA,cACE,gBAIJ,SACE,2BAEA,aACE,uBAAA,CACA,qBAGF,iBACE,UAKF,aACE,gBAIJ,SACE,aAAA,CACA,iBAGF,gBACE,gBAGF,QACE,YAAA,CACA,kBAAA,CACA,mCAEA,YACE,mBAAA,CACA,UAIJ,QACE,SAAA,CACA,gBAGF,aACE,sBAAA,CACA,WAAA,CACA,8BCtEJ,yCACE,KACE,cAGF,GACE,eAGF,GACE,eAGF,GACE,eAIA,cACE,kBAQJ,kBACE,iBAGF,SACE,6BAGF,QACE,eAEA,YACE,UAAA,CACA,WAAA,CACA,eAIJ,QACE,aAAA,CACA,WAGF,KACE,sBAGF,GACE,eAAA,CACA,QAAA,CACA,WCzDJ,gEACE,KACE,kBAGF,GACE,eAGF,GACE,eAGF,GACE,eAIA,cACE,gBAIJ,SACE,WAKA,kCACE,gBAIJ,SACE,WAEA,aACE,UAIJ,SACE,cAEA,iBACE,WAGF,aACE,UAAA,CACA,aAAA,CACA,sBAIJ,SACE,aAAA,CACA,iBAGF,gBACE,gBAGF,QACE,YAAA,CACA,mBAEA,YACE,mBAAA,CACA,SAAA,CACA,6BAKJ,QACE,SAAA,CACA,YAGF,aACE,UAAA,CACA,sBAAA,CACA,WAAA,CACA","file":"master.091dcbca.css","sourceRoot":"../src","sourcesContent":[":root {\n  --red: #ef420c;\n  --blue: #10305f;\n  --gray: #ebf1f4;\n  --gray-text: #9dabbc;\n}\n\n.stroke-red {\n  stroke: var(--red);\n}\n\n.stroke-blue {\n  stroke: var(--blue);\n}\n\n.stroke-white {\n  stroke: white;\n}\n\nbody,\nhtml {\n  margin: 0;\n  padding: 0;\n  font-family: 'Rubik';\n  overflow-x: hidden;\n}\n\n.text-red {\n  color: var(--red);\n}\n\np {\n  font-weight: 400;\n  line-height: 1.75em;\n}\n\nh1,\nh2,\nh3,\np {\n  position: relative;\n  z-index: 1;\n}\n\nstrong {\n  font-weight: 500;\n}\n\nh1,\nh2,\nh3 {\n  text-transform: uppercase;\n  display: inline-block;\n  line-height: 1.16em;\n  font-weight: 700;\n  margin: 0;\n}\n\n.sekcja {\n  justify-content: space-between;\n  align-items: center;\n\n  img {\n    display: block;\n  }\n}\n\n#logo {\n  align-self: flex-start;\n  transform: none;\n  width: 4.5em;\n  margin: 1em 0;\n  height: auto;\n}\n\n#sekcja1 {\n  background-color: var(--red);\n  color: white;\n}\n\n#sekcja2 {\n  background-color: var(--gray);\n  color: var(--blue);\n  margin-bottom: 5vmin;\n}\n\n#sekcja3 {\n  background-color: white;\n  color: var(--blue);\n\n  img {\n    transform: none;\n  }\n}\n\n#sekcja4 {\n  color: var(--blue);\n}\n\na {\n  text-decoration: none;\n  color: var(--blue);\n}\n\n.button {\n  display: inline-block;\n  box-sizing: border-box;\n  font-size: 75%;\n  text-align: center;\n  padding: 1em 2em;\n  border-radius: 0.5em;\n  font-weight: 500;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  margin-top: 1em;\n  min-width: 15em;\n  transition: background 200ms, color 200ms, box-shadow 200ms;\n}\n\n.button.red {\n  box-shadow: 0 0.3em 1em #EF420C3D;\n  color: white;\n  background: var(--red);\n}\n\n.button.blue:hover,\n.button.red:hover {\n  box-shadow: none;\n}\n\n.button.opaque-blue:hover {\n  background-color: var(--blue);\n  color: white;\n}\n\n.button.opaque-white:hover {\n  background-color: white;\n  color: var(--red);\n}\n\n.button.blue {\n  box-shadow: 0 0.3em 1em #10305F3D;\n  color: white;\n  background: var(--blue);\n}\n\n.button.opaque-white {\n  color: white;\n  box-shadow: inset 0 0 0 0.15em white;\n}\n\n.button.opaque-blue {\n  color: var(--blue);\n  box-shadow: inset 0 0 0 0.15em var(--blue);\n}\n\nfooter {\n  display: flex;\n  justify-content: center;\n  color: var(--gray-text);\n  margin: 5vmin 0;\n\n  div.footer-item {\n    div {\n      font-size: 80%;\n      margin: 1em;\n    }\n    margin: 2em;\n    text-align: center;\n    line-height: 1em;\n  }\n}\n\n.round {\n  border-radius: 1em;\n}\n\n#sekcja4 a {\n  font-weight: 500;\n  line-height: normal;\n}\n\n.column {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n.row {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n}\n\nol {\n  list-style: none;\n  counter-reset: item;\n  padding: 0.4em;\n}\n\nli {\n  line-height: 1.5em;\n  margin: 2em 0;\n  counter-increment: item;\n  padding-left: 2em;\n}\n\nli:before {\n  font-size: 80%;\n  font-weight: bold;\n  content: counter(item);\n  background: var(--red);\n  border-radius: 100%;\n  color: white;\n  width: 1.9em;\n  height: auto;\n  margin-left: -3em;\n  margin-right: 1em;\n  text-align: center;\n  display: inline-block;\n}","@media screen and (min-width: 1280px) {\n  body {\n    font-size: 18px;\n  }\n\n  h1 {\n    font-size: 260%;\n  }\n\n  h2 {\n    font-size: 170%;\n  }\n\n  h3 {\n    font-size: 130%;\n  }\n\n  #header {\n    #logo {\n      margin-left: 2em;\n    }\n  }\n\n  #sekcja2 {\n    flex-direction: row-reverse;\n\n    img {\n      transform-origin: bottom;\n      transform: scale(1.2);\n    }\n\n    .column {\n      width: 50%;\n    }\n  }\n\n  #sekcja3 {\n    img {\n      align-self: auto;\n    }\n  }\n\n  #sekcja4 {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n\n  .button + .button {\n    margin-left: 2em;\n  }\n\n  .sekcja {\n    display: flex;\n    flex-direction: row;\n    padding: 0 calc((100vw - 1160px)/2);\n\n    img {\n      align-self: flex-end;\n      width: 50%;\n    }\n  }\n\n  .column {\n    width: 40%;\n    padding: 128px 0;\n  }\n\n  .contact-box {\n    box-sizing: content-box;\n    padding: 3em;\n    background-color: var(--gray);\n  }\n}","@media screen and (max-aspect-ratio: 2/3) {\n  body {\n    font-size: 4vw;\n  }\n\n  h1 {\n    font-size: 215%;\n  }\n\n  h2 {\n    font-size: 170%;\n  }\n\n  h3 {\n    font-size: 130%;\n  }\n\n  #header {\n    #logo {\n      margin-bottom: 1em;\n    }\n  }\n\n  #sekcja1 {\n    padding-bottom: 0;\n  }\n\n  #sekcja2 {\n    padding-bottom: 0;\n  }\n\n  #sekcja4 {\n    background-color: var(--gray);\n  }\n\n  .sekcja {\n    padding: 10vmin;\n\n    img {\n      width: 100%;\n      height: auto;\n      margin-top: 2em;\n    }\n  }\n\n  .button {\n    font-size: 90%;\n    width: 100%;\n  }\n\n  .row {\n    flex-direction: column;\n  }\n\n  ol {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n}","@media screen and (min-aspect-ratio: 2/3) and (max-width: 1280px) {\n  body {\n    overflow-x: hidden;\n  }\n\n  h1 {\n    font-size: 260%;\n  }\n\n  h2 {\n    font-size: 170%;\n  }\n\n  h3 {\n    font-size: 130%;\n  }\n\n  #header {\n    #logo {\n      margin-left: 2em;\n    }\n  }\n\n  #sekcja1 {\n    width: 150%;\n  }\n\n  #sekcja1,\n  #sekcja2 {\n    .column {\n      padding-right: 0;\n    }\n  }\n\n  #sekcja2 {\n    width: 120%;\n\n    img {\n      width: 50%;\n    }\n  }\n\n  #sekcja3 {\n    display: block;\n\n    .column {\n      width: 100%;\n    }\n\n    img {\n      width: 100%;\n      padding: 0 4em;\n      box-sizing: border-box;\n    }\n  }\n\n  #sekcja4 {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n\n  .button + .button {\n    margin-left: 2em;\n  }\n\n  .sekcja {\n    display: flex;\n    flex-direction: row;\n\n    img {\n      align-self: flex-end;\n      width: 60%;\n      transform-origin: bottom left;\n      // transform: scale(2);\n    }\n  }\n\n  .column {\n    width: 40%;\n    padding: 4em;\n  }\n\n  .contact-box {\n    margin: 4em;\n    box-sizing: content-box;\n    padding: 3em;\n    background-color: var(--gray);\n  }\n}"]}