{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,6EAAY,CAMZ,KACE,QAAS,CACT,YAAa,CACb,uBAAwB,CACxB,yBAA0B,CAC1B,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,2BAAsB,CAAtB,4BAAsB,CAAtB,yBAAsB,CAAtB,qBAAsB,CACtB,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,wBAZ2B,CAa3B,oCAAqC,CACtC,GAGC,UAhBe,CAiBf,iBAAkB,CAClB,eAAgB,CAChB,qBAAsB,CACtB,qCALF,GAMI,iBAAkB,CAErB,CAED,SACE,UAAW,CACX,WAAY,CACZ,eAAgB,CAChB,gBAAiB,CACjB,0DA7B8B,CA6B9B,kDA7B8B,CA8B9B,gBAAiB,CAClB,IAGC,UAAW,CACX,WAAY,CACZ,yBAAuB,CAAvB,sBAAuB,CACvB,mBAAY,CAAZ,gBAAiB,CAClB,UAGC,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,aAAc,CAHhB,wCAMI,iBAAkB,CAClB,oBAAqB,CACrB,aAAc,CACd,UAlDa,CAmDb,qBAnDa,CAoDb,4BAA6B,CAC7B,2BAAoB,CAApB,mBAAoB,CACpB,eAAgB,CAChB,kBAAmB,CAdvB,oDAiBM,YAAa,CAjBnB,oDAqBM,aA/DuB,CAgEvB,qBA/DW,CAyCjB,sEAyBQ,4BAA6B,CAC7B,UAnES,CAoEV,OAML,kBAAmB,CADrB,aAGI,UA5Ea,CA6Eb,WAAY,CAJhB,UAOI,eAAgB,CAChB,SAAU,CACV,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,uBAAiB,CAAjB,oBAAiB,CAAjB,sBAAuB,CAX3B,aAcM,eAAgB,CAdtB,eAgBQ,cAAe,CACf,UA1FS,CA2FT,WAAY,CACb,qCAnBP,OAwBI,oBAAqB,CAExB","file":"style.min.css","sourcesContent":["@import url(\"https://fonts.googleapis.com/css?family=Montserrat:300,400,700\");\r\n\r\n$main-color: rgb(235, 72, 72);\r\n$text-color: #fff;\r\n$dark-color: rgba(0, 0, 0, 0.15);\r\n\r\nbody {\r\n  margin: 0;\r\n  padding: 1rem;\r\n  width: calc(100% - 2rem);\r\n  height: calc(100vh - 2rem);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  background-color: $main-color;\r\n  font-family: \"Montserrat\", sans-serif;\r\n}\r\n\r\nh1 {\r\n  color: $text-color;\r\n  font-size: 3.998em;\r\n  font-weight: 300;\r\n  margin: 2.75rem 0 1rem;\r\n  @media screen and (max-width: 640px) {\r\n    font-size: 2.827em;\r\n  }\r\n}\r\n\r\n.wrapper {\r\n  width: 100%;\r\n  height: 100%;\r\n  max-width: 600px;\r\n  max-height: 400px;\r\n  box-shadow: -25px 25px 50px 12.5px $dark-color;\r\n  min-height: 350px;\r\n}\r\n\r\nimg {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-position: center;\r\n  object-fit: cover;\r\n}\r\n\r\n.controls {\r\n  display: flex;\r\n  justify-content: center;\r\n  margin: 1rem 0;\r\n  #prev-btn,\r\n  #next-btn {\r\n    border-radius: 4px;\r\n    padding: 0.75rem 2rem;\r\n    margin: 0.5rem;\r\n    color: $text-color;\r\n    border: solid 1px $text-color;\r\n    background-color: transparent;\r\n    transition: all 0.2s;\r\n    font-weight: 700;\r\n    letter-spacing: 1px;\r\n\r\n    &:focus {\r\n      outline: none;\r\n    }\r\n\r\n    &:hover {\r\n      color: $main-color;\r\n      background-color: $text-color;\r\n\r\n      &.disabled {\r\n        background-color: transparent;\r\n        color: $text-color;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nfooter {\r\n  margin: auto 0 2rem;\r\n  .copy {\r\n    color: $text-color;\r\n    opacity: 0.5;\r\n  }\r\n  ul {\r\n    list-style: none;\r\n    padding: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    li {\r\n      margin: 0 0.5rem;\r\n      i {\r\n        font-size: 32px;\r\n        color: $text-color;\r\n        opacity: 0.5;\r\n      }\r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: 640px) {\r\n    margin: auto 0 0.5rem;\r\n  }\r\n}\r\n"]}