{"version":3,"sources":["_lightbox.scss","_button.scss","_container.scss","_typography.scss"],"names":[],"mappings":"A,AAsIA,yBACE,E,CAkBA,E,CAjBE,4B,CAAA,oB,CAEF,G,CACE,iC,CAAA,yB,CAEF,G,CACE,iC,CAAA,yB,CAEF,G,CACE,iC,CAAA,yB,CAEF,G,CACE,iC,CAAA,yB,CAEF,G,CACE,iC,CAAA,2B,AAjBJ,iBACE,E,CAkBA,E,CAjBE,4B,CAAA,oB,CAEF,G,CACE,iC,CAAA,yB,CAEF,G,CACE,iC,CAAA,yB,CAEF,G,CACE,iC,CAAA,yB,CAEF,G,CACE,iC,CAAA,yB,CAEF,G,CACE,iC,CAAA,2B,AAOJ,wBACE,E,CACE,2B,CAAA,mB,CAEF,E,CACE,0B,CAAA,oB,AALJ,gBACE,E,CACE,2B,CAAA,mB,CAEF,E,CACE,0B,CAAA,oB,AAIJ,0BACE,E,CACE,S,CAGF,E,CACE,W,AANJ,kBACE,E,CACE,S,CAGF,E,CACE,W,AAIJ,2BACE,E,CACE,2B,CAAA,mB,CAEF,E,CACE,2B,CAAA,qB,AALJ,mBACE,E,CACE,2B,CAAA,mB,CAEF,E,CACE,2B,CAAA,qB,AAIJ,4BACE,E,CACE,S,CACA,kC,CAAA,0B,CAGF,E,CACE,S,CACA,+B,CAAA,yB,AARJ,oBACE,E,CACE,S,CACA,kC,CAAA,0B,CAGF,E,CACE,S,CACA,+B,CAAA,yB,AAIJ,2BACE,E,CACE,S,CAGF,E,CACE,W,AANJ,mBACE,E,CACE,S,CAGF,E,CACE,W,AAIJ,0BACE,E,CACE,S,CACA,+B,CAAA,uB,CAGF,E,CACE,S,CACA,kC,CAAA,4B,AARJ,kBACE,E,CACE,S,CACA,+B,CAAA,uB,CAGF,E,CACE,S,CACA,kC,CAAA,4B,AAIJ,0BACE,E,CACE,0B,CAAA,kB,CAEF,E,CACE,2B,CAAA,qB,AALJ,kBACE,E,CACE,0B,CAAA,kB,CAEF,E,CACE,2B,CAAA,qB,AAIJ,2BACE,E,CACE,S,CACA,0B,CAAA,kB,CAGF,E,CACE,S,CACA,2B,CAAA,qB,AARJ,mBACE,E,CACE,S,CACA,0B,CAAA,kB,CAGF,E,CACE,S,CACA,2B,CAAA,qB,AAIJ,iCACE,E,CACE,4B,CAEF,E,CACE,iC,AALJ,yBACE,E,CACE,4B,CAEF,E,CACE,iC,AAIJ,kCACE,E,CACE,+B,CAEF,E,CACE,8B,AALJ,0BACE,E,CACE,+B,CAEF,E,CACE,8B,AAIJ,4BACE,E,CACE,2B,CAAA,mB,CAEF,E,CACE,2B,CAAA,qB,AALJ,oBACE,E,CACE,2B,CAAA,mB,CAEF,E,CACE,2B,CAAA,qBCxQJ,O,CACE,a,CACA,W,CACA,uB,CAAA,oB,CAAA,e,CACA,qB,CACA,wB,CACA,iB,CACA,c,CACA,iC,CAAA,yB,CACA,a,CATF,YAAA,Y,CAYI,kB,CAZJ,a,CAgBI,kB,CChBJ,U,CACE,e,CACA,iB,CAGF,Q,CACE,gB,CACA,qB,CFHF,S,CACE,c,CACA,K,CACA,M,CACA,W,CACA,Y,CACA,U,CACA,Y,CACA,a,CAEA,kB,CAKA,kB,CAJE,qC,CAAA,6B,CACA,sC,CAAA,8B,CAGF,kB,CACE,oC,CAAA,4B,CAIF,e,CACE,+B,CACA,a,CAGD,sC,CAAA,uC,CAGG,4B,CAAA,oB,CACA,sC,CAAA,8B,CAJH,sC,CAQG,2B,CAAA,mB,CARH,0C,CAAA,wC,CAaG,6B,CAAA,qB,CACA,sC,CAAA,8B,CAdH,0C,CAkBG,+B,CAAA,uB,CAlBH,yC,CAAA,yC,CAuBG,8B,CAAA,sB,CACA,sC,CAAA,8B,CAxBH,yC,CA6BG,8B,CAAA,sB,CA7BH,wC,CAAA,wC,CAkCG,6B,CAAA,qB,CACA,sC,CAAA,8B,CAnCH,wC,CAuCG,6B,CAAA,qB,CAvCH,0C,CAAA,yC,CA4CG,8B,CAAA,sB,CACA,sC,CAAA,8B,CA7CH,0C,CAiDG,+B,CAAA,uB,CAKJ,gB,CACE,U,CACA,e,CACA,qB,CACA,gB,CACA,uC,CACA,iB,CAGF,wB,CACE,iB,CACA,S,CACA,O,CACA,U,CACA,W,CACA,c,CAND,+B,CAAA,gC,CASG,iB,CACA,a,CACA,W,CACA,sC,CAAA,8B,CACA,Q,CACA,S,CACA,U,CACA,U,CACA,qB,CAjBH,+B,CAqBG,oD,CAAA,4C,CArBH,gC,CAyBG,qD,CAAA,6C,CAIJ,gB,CACE,U,CACA,e,CACA,Y,CACA,wB,CACA,Q,CAGF,e,CACE,Y,CGlIJ,I,CACE,kC,CAGF,C,CACE,mB,CAGF,E,CACE,iB,CAGF,a,CACE,e,CACA,kB,CACA,a,CAGF,G,CACE,gC,CACA,U,CAGF,K,CACE,U,CACA,oB,CACA,oB,CACA,W,CACA,iC,CAAA,yB,CALF,W,CAOI,a","file":"../sass/main.css","sourcesContent":["$color-black: #000000;\r\n$color-white: #ffffff;\r\n$color-primary: #2c3a6e;\r\n\r\n.lightbox {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  z-index: 99;\r\n  display: none;\r\n  overflow: auto;\r\n\r\n  &--closing {\r\n    animation-name: containerBgOut;\r\n    animation-timing-function: ease;\r\n  }\r\n\r\n  &--opening {\r\n    animation-name: containerBgIn;\r\n    animation-timing-function: ease;\r\n  }\r\n\r\n  &--open {\r\n    background-color: rgba($color-black, 0.4);\r\n    display: block;\r\n  }\r\n\r\n  &--open &__inner {\r\n    //OPEN ANIMATIONS\r\n    &--jelly {\r\n      animation-name: jelly;\r\n      animation-timing-function: ease;\r\n    }\r\n\r\n    &--grow {\r\n      animation-name: grow;\r\n      animation-timing-function: ease;\r\n    }\r\n\r\n    &--fadein {\r\n      animation-name: fadein;\r\n      animation-timing-function: ease;\r\n    }\r\n\r\n    &--fadedown {\r\n      animation-name: fadedown;\r\n      animation-timing-function: ease;\r\n    }\r\n\r\n    &--buildup {\r\n      animation-name: buildup;\r\n      animation-timing-function: ease;\r\n    }\r\n\r\n    //CLOSE ANIMATIONS\r\n    &--fadeout {\r\n      animation-name: fadeout;\r\n      animation-timing-function: ease;\r\n    }\r\n\r\n    &--fadeup {\r\n      animation-name: fadeup;\r\n      animation-timing-function: ease;\r\n    }\r\n\r\n    &--shrink {\r\n      animation-name: shrink;\r\n      animation-timing-function: ease;\r\n    }\r\n\r\n    &--growout {\r\n      animation-name: growout;\r\n      animation-timing-function: ease;\r\n    }\r\n\r\n    &--collapse {\r\n      animation-name: collapse;\r\n      animation-timing-function: ease;\r\n    }\r\n  }\r\n\r\n  &__inner {\r\n    width: 50vw;\r\n    max-width: 500px;\r\n    background-color: $color-white;\r\n    margin: 20vh auto;\r\n    box-shadow: 0 0 10px 10px rgba($color-black, 0.2);\r\n    position: relative;\r\n  }\r\n\r\n  &__close-handler {\r\n    position: absolute;\r\n    right: 5px;\r\n    top: 5px;\r\n    width: 30px;\r\n    height: 30px;\r\n    cursor: pointer;\r\n    &::after,\r\n    &::before {\r\n      position: absolute;\r\n      display: block;\r\n      content: \" \";\r\n      transform: translate(-50%, -50%);\r\n      top: 15px;\r\n      left: 15px;\r\n      width: 20px;\r\n      height: 2px;\r\n      background-color: $color-white;\r\n    }\r\n\r\n    &::after {\r\n      transform: translate(-50%, -50%) rotate(45deg);\r\n    }\r\n\r\n    &::before {\r\n      transform: translate(-50%, -50%) rotate(-45deg);\r\n    }\r\n  }\r\n\r\n  &__title {\r\n    color: $color-white;\r\n    font-weight: bold;\r\n    padding: 10px;\r\n    background-color: $color-primary;\r\n    margin: 0;\r\n  }\r\n\r\n  &__data {\r\n    padding: 20px;\r\n  }\r\n}\r\n\r\n@keyframes jelly {\r\n  from {\r\n    transform: scale(1, 1);\r\n  }\r\n  30% {\r\n    transform: scale(1.25, 0.75);\r\n  }\r\n  40% {\r\n    transform: scale(0.75, 1.25);\r\n  }\r\n  50% {\r\n    transform: scale(1.15, 0.85);\r\n  }\r\n  65% {\r\n    transform: scale(0.95, 1.05);\r\n  }\r\n  75% {\r\n    transform: scale(1.05, 0.95);\r\n  }\r\n  to {\r\n    transform: scale(1, 1);\r\n  }\r\n}\r\n\r\n@keyframes grow {\r\n  from {\r\n    transform: scale(0.3);\r\n  }\r\n  to {\r\n    transform: scale(1);\r\n  }\r\n}\r\n\r\n@keyframes fadein {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes buildup {\r\n  from {\r\n    transform: scaleY(0);\r\n  }\r\n  to {\r\n    transform: scaleY(1);\r\n  }\r\n}\r\n\r\n@keyframes fadedown {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes fadeout {\r\n  from {\r\n    opacity: 1;\r\n  }\r\n\r\n  to {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n@keyframes fadeup {\r\n  from {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  to {\r\n    opacity: 0;\r\n    transform: translateY(-50%);\r\n  }\r\n}\r\n\r\n@keyframes shrink {\r\n  from {\r\n    transform: scale(1);\r\n  }\r\n  to {\r\n    transform: scale(0.3);\r\n  }\r\n}\r\n\r\n@keyframes growout {\r\n  0% {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n    transform: scale(10);\r\n  }\r\n}\r\n\r\n@keyframes containerBgIn {\r\n  from {\r\n    background-color: transparent;\r\n  }\r\n  to {\r\n    background-color: rgba($color-black, 0.4);\r\n  }\r\n}\r\n\r\n@keyframes containerBgOut {\r\n  from {\r\n    background-color: rgba($color-black, 0.4);\r\n  }\r\n  to {\r\n    background-color: transparent;\r\n  }\r\n}\r\n\r\n@keyframes collapse {\r\n  from {\r\n    transform: scaleY(1);\r\n  }\r\n  to {\r\n    transform: scaleY(0);\r\n  }\r\n}\r\n",".button {\r\n  display: block;\r\n  width: 180px;\r\n  appearance: none;\r\n  border: 1px solid #888888;\r\n  background-color: #dedede;\r\n  padding: 10px 20px;\r\n  cursor: pointer;\r\n  transition: 200ms ease-out;\r\n  margin: 0 auto;\r\n\r\n  &:not(:last-child){\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  &:hover {\r\n    background: #b8b8b8;\r\n  }\r\n}\r\n",".container {\r\n  margin-top: 30px;\r\n  text-align: center;\r\n}\r\n\r\n.options {\r\n  line-height: 20px;\r\n  font-family: monospace;\r\n}\r\n","body {\r\n  font-family: \"Fira Sans\", sans-serif;\r\n}\r\n\r\n* {\r\n  font-family: inherit;\r\n}\r\n\r\nh1 {\r\n  text-align: center;\r\n}\r\n\r\n.introduction {\r\n  max-width: 500px;\r\n  text-align: justify;\r\n  margin: 0 auto;\r\n}\r\n\r\npre{\r\n  font-family: 'Consolas', monospace;\r\n  color: #333;\r\n}\r\n\r\n.link{\r\n  color: #444444;\r\n  text-decoration: none;\r\n  display: inline-block;\r\n  margin: 10px;\r\n  transition: 200ms ease-out;\r\n  &:hover{\r\n    color: #3f3cdd;\r\n  }\r\n}"]}