asimonson1125.github.io/static/css/main.48e981d6.chunk.css.map

{"version":3,"sources":["webpack://src/App.css"],"names":[],"mappings":"AACA,UACE,wBAAyB,CACzB,iBACF,CACA,KACE,QAAS,CACT,uDAAA,CACA,2BAA4B,CAC5B,yBAA0B,CAC1B,0BACF,CACA,EACE,yCACF,CACA,MACE,aACF,CACA,GACE,cAAe,CACf,eAAgB,CAChB,kBACF,CACA,MACE,aACF,CACA,EACE,aAAyB,CACzB,cACF,CACA,EACE,wCAAgB,CAChB,oBACF,CACA,WACE,oBAAqB,CAGrB,gBAAiB,CACjB,gBAAiB,CACjB,cACF,CACA,mBANE,cAAe,CACf,eAgBF,CAXA,QAEE,aAAiB,CACjB,wBAAyB,CACzB,UAAW,CACX,UAAW,CACX,cAAe,CACf,KAAM,CACN,MAAO,CAEP,eACF,CACA,QACE,aAAc,CACd,wBAAyB,CACzB,cAAiB,CACjB,QAAW,CACX,UACF,CACA,YACE,uBAAyB,CACzB,UAAW,CACX,iBAAkB,CAClB,gBAAiB,CACjB,cAAe,CACf,iBAAkB,CAClB,oBAAqB,CACrB,mCACF,CACA,kBACE,mCACF,CACA,cACE,UAAY,CACZ,QAAU,CACV,aACF,CACA,MACE,YAAa,CACb,iBACF,CACA,YACE,gBAAiB,CACjB,iBAAkB,CAClB,uBAAsB,CACtB,WAAY,CACZ,kCAAkC,CAClC,mBAAoB,CACpB,eAAgB,CAChB,cACF,CACA,cACE,iBAAkB,CAClB,wBACF,CACA,eACE,eAAgB,CAChB,gBAAiB,CACjB,iBAAkB,CAClB,iBACF,CACA,aACE,YAAa,CACb,oBAAqB,CACrB,mCACF,CACA,UACE,gBAAiB,CACjB,iBAAkB,CAClB,OAAO,CACP,WAAY,CACZ,8BACF,CACA,SACE,WAAW,CACX,KAAM,CACN,OAAQ,CACR,aAAc,CACd,wBAAyB,CACzB,0BACF,CACA,KACE,UAAU,CACV,iBAAkB,CAClB,sBACF,CACA,UACE,oCAAqC,CACrC,0BACF,CACA,oBACE,eAAgB,CAChB,aACF,CACA,cACE,eACF,CACA,QAEE,+BAAoC,CACpC,qCAAuC,CACvC,iBAAkB,CAClB,YACF,CACA,eANE,oBAaF,CAPA,OAEE,sCAAuC,CACvC,aAAa,CACb,YAAa,CACb,kCAAmC,CACnC,aACF,CACA,aACE,SAAY,CACZ,aAAc,CACd,gBAAgB,CAChB,iBAAiB,CACjB,UAAW,CACX,iBACF,CACA,SACE,oBAAqB,CACrB,eAAgB,CAChB,WAAY,CACZ,WAAY,CACZ,YAAa,CACb,qCAAuC,CACvC,kCACF,CACA,qCACE,iBACF,CACA,KACE,cAAe,CACf,WACF,CACA,YACE,oBAAqB,CACrB,8BACF,CACA,aACE,eAAgB,CAChB,WACF,CACA,QACE,kBAAmB,CACnB,kBAAmB,CACnB,UACF,CACA,WACE,WAAY,CACZ,cAAkB,CAClB,kBACF,CACA,aACE,qBACF,CACA,4BACE,aAAc,CACd,mGAA6F,CAA7F,2FACF,CACA,wCACE,qGAA+F,CAA/F,6FACF,CACA,YACE,SACF,CACA,KACE,UACF,CACA,UACE,WACF,CACA,QACE,cAAe,CACf,QAAS,CACT,MACF,CACA,SACE,gBAAiB,CACjB,OACF,CACA,YACE,WAAW,CACX,eAAgB,CAChB,cAAe,CACf,UACF,CACA,aACE,WAAY,CACZ,kBAAmB,CACnB,wGAAiG,CAAjG,gGAAiG,CACjG,cACF,CACA,mBACE,UACF,CACA,UACE,8BAAsC,CACtC,gBAAiB,CACjB,YACF,CAEA,qCACE,aACE,SACF,CACA,SACE,iBACF,CACA,KACE,yBACF,CACA,YACE,UAAU,CACV,kBAAmB,CACnB,mBAAoB,CACpB,mBACF,CACA,KACE,SAAU,CACV,kBACF,CAMA,iBAJE,UAAW,CACX,aAAa,CACb,SAOF,CALA,QAEE,iBAGF,CACA,QACE,iBAAiB,CACjB,UAAU,CACV,oBAAqB,CACrB,wBACF,CACA,SAEE,iBAAkB,CAClB,oBAAqB,CACrB,iBAAkB,CAClB,gBAAiB,CACjB,kBAAmB,CACnB,UACF,CACA,qBARE,aAUF,CACA,YACE,cAAe,CACf,iBAAkB,CAClB,eAAqB,CACrB,cAAiB,CACjB,eACF,CACA,aACE,WAAY,CACZ,eAAkB,CAClB,mBAAY,CAAZ,WACF,CACA,UACE,mBAAoB,CACpB,QACF,CACF","file":"main.48e981d6.chunk.css","sourcesContent":["@import \"~react-image-gallery/styles/css/image-gallery.css\";\r\nhtml, body{\r\n  background-color: #1b1f27;\r\n  overflow-x: hidden;\r\n}\r\nbody{\r\n  margin: 0;\r\n  background-image: url('assets/plexus.jpg');/*url('https://i.pinimg.com/originals/d6/c3/ac/d6c3ac09021dbc0cda8ee27837d2c795.png')*/\r\n  background-attachment: fixed;\r\n  background-size: 100% auto;\r\n  background-clip: border-box;\r\n}\r\n*{\r\n  font-family: \"Roboto Condensed\",sans-serif;\r\n}\r\nh1, h2{\r\n  color: #ecebeb;\r\n}\r\nh2{\r\n  font-size: 2rem;\r\n  margin-top: 1rem;\r\n  margin-bottom: 2rem;\r\n}\r\nh3, h4{\r\n  color: #a8a8a8;\r\n}\r\np{\r\n  color: rgb(212, 212, 212);\r\n  font-size: 1rem;\r\n}\r\na { \r\n  color: #a0a0a0a0;\r\n  text-decoration: none;\r\n}\r\n.header h1{\r\n  display: inline-block;\r\n  transition: .4s;\r\n  margin-bottom: 0px;\r\n  margin-top: .5rem;\r\n  margin-left: 1rem;\r\n  font-size: 2rem;\r\n}\r\n.header{\r\n  margin-bottom: 0px;\r\n  margin-left: 0rem;\r\n  background-color: #1a1a1a;\r\n  width: 100%;\r\n  z-index: 99;\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  transition: .4s;\r\n  overflow: hidden;\r\n}\r\n.navBar{\r\n  display: block;\r\n  border-collapse: collapse;\r\n  padding-left: 0px;\r\n  margin: 0px;\r\n  width: 100%;\r\n}\r\n.navElement{\r\n  border: solid black .2rem;\r\n  width: 25vw;\r\n  text-align: center;\r\n  font-size: 1.2rem;\r\n  transition: .4s;\r\n  padding-top: .5rem;\r\n  padding-bottom: .5rem;\r\n  background-color: rgb(156,49,45,.4);\r\n}\r\n.navElement:hover{\r\n  background-color: rgb(156,49,45,.8);\r\n}\r\n.navElement *{\r\n  color: white;\r\n  margin:0px;\r\n  display: block;\r\n}\r\n#home{\r\n  height: 100vh;\r\n  overflow-y: hidden;\r\n}\r\n.foreground{\r\n  padding-top: 7rem;\r\n  padding-left: 8rem;\r\n  width: calc(100%-8rem);\r\n  height: 100%;\r\n  background-color: rgb(44,44,44,.5);\r\n  padding-bottom: 1rem;\r\n  overflow: hidden;\r\n  transition: .4s;\r\n}\r\n.foreground p{\r\n  line-height: 1.5em;\r\n  max-width: min(95%, 40rem);\r\n}\r\n.centerContent{\r\n  margin-top: 30vh;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  text-align: center;\r\n}\r\n#HomeContent{\r\n  padding: 3rem;\r\n  display: inline-block;\r\n  background-color: rgb(44,44,44, .95);\r\n}\r\n#Vertical{\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  width:0;\r\n  height: 3rem;\r\n  border-right: rgb(156,49,45) solid 1px;\r\n}\r\n.sideimg{\r\n  float:right;\r\n  top: 0;\r\n  right: 0;\r\n  display: block;\r\n  max-width: min(40rem,80%);\r\n  max-height: min(30rem,100%);\r\n}\r\n.col{\r\n  float:left;\r\n  margin-right: 3rem;\r\n  width: calc(50% - 3rem);\r\n}\r\n.boxedImg{\r\n  border: .5rem solid rgba(22,22,22,.8);\r\n  max-width: calc(90% - 1rem);\r\n}\r\n.carousel-container{\r\n  margin-left: 10%;\r\n  max-width: 80%;\r\n}\r\n.elementBlock{\r\n  margin-top: 3rem;\r\n}\r\n.skills{\r\n  display: inline-block;\r\n  background-color: rgba(0, 0, 0, 0.3);\r\n  border: solid rgba(156,49,45, .8) .3rem;\r\n  text-align: center;\r\n  padding:1rem;\r\n}\r\n.skill{\r\n  display: inline-block;\r\n  border:rgba(156,49,45, .8) solid .15rem;\r\n  padding:.2rem;\r\n  margin: .5rem;\r\n  background-color: rgba(11,11,11,.8);\r\n  color:rgb(212, 212, 212);\r\n}\r\n.projectList{\r\n  padding: 0px;\r\n  display: block;\r\n  margin-left:auto;\r\n  margin-right:auto;\r\n  width: 100%;\r\n  text-align: center;\r\n}\r\n.project{\r\n  display: inline-block;\r\n  text-align: left;\r\n  margin: 1rem;\r\n  width: 20rem;\r\n  height: 22rem;\r\n  border: .3rem rgba(156,49,45, .8) solid;\r\n  background-color: rgba(22,22,22,.8);\r\n}\r\n.project .topBox, .project .bottomBox{\r\n  padding-left: 1rem;\r\n}\r\n.tab{\r\n  display: inline;\r\n  float: right;\r\n}\r\n.project h3{\r\n  display: inline-block;\r\n  border-bottom: black solid .2rem;\r\n}\r\n.project img{\r\n  margin-top: auto;\r\n  height:3rem;\r\n}\r\n.topBox{\r\n  padding-left: .5rem;\r\n  padding-right: 1rem;\r\n  height: 75%;\r\n}\r\n.bottomBox{\r\n  height: auto;\r\n  padding-left: 0rem;\r\n  padding-right: 1rem;\r\n}\r\n.bottomBox a{\r\n  vertical-align: middle;\r\n}\r\n.project a img, .project a p{\r\n  padding: .5rem;\r\n  filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(52deg) brightness(106%) contrast(101%);\r\n}\r\n.project a img:hover, .project a p:hover{\r\n  filter: invert(66%) sepia(0%) saturate(3964%) hue-rotate(99deg) brightness(100%) contrast(105%);\r\n}\r\n.incomplete{\r\n  color:red;\r\n}\r\n.WIP{\r\n  color:yellow;\r\n}\r\n.complete{\r\n  color:green;\r\n}\r\n.footer{\r\n  position: fixed;\r\n  bottom: 0;\r\n  left: 0;\r\n}\r\n.socials{\r\n  margin-left: 1rem;\r\n  width:0px;\r\n}\r\n.socials td{\r\n  padding:5px;\r\n  text-align: left;\r\n  display: inline;\r\n  float:left;\r\n}\r\n.socials img{\r\n  height: 2rem;\r\n  margin-bottom: 1rem;\r\n  filter: invert(29%) sepia(20%) saturate(1786%) hue-rotate(314deg) brightness(101%) contrast(110%);\r\n  transition: .2s;\r\n}\r\n.socials img:hover{\r\n  opacity: .5;\r\n}\r\n#vertLine{\r\n  border-right: 1px solid rgb(156,49,45);\r\n  margin-left: 1rem;\r\n  height: 10rem;\r\n}\r\n\r\n@media screen and (max-width: 1200px){\r\n  .projectList{\r\n    width: 95%;\r\n  }\r\n  .sideimg{\r\n    position: relative;\r\n  }\r\n  body{\r\n    background-size: auto 100%;\r\n  }\r\n  .foreground{\r\n    width:100%;\r\n    padding-left: .5rem;\r\n    padding-right: .5rem;\r\n    padding-bottom: 36px;\r\n  }\r\n  .col{\r\n    width: 90%;\r\n    margin-bottom: 3rem;\r\n  }\r\n  #aboutMe{\r\n    float: none;\r\n    display:block;\r\n    width: 90%;\r\n  }\r\n  #skills{\r\n    float: none;\r\n    margin-right: auto;\r\n    display: block;\r\n    width: 90%;\r\n  }\r\n  .footer{\r\n    position:relative;\r\n    width:100%;\r\n    display: inline-block;\r\n    background-color: rgb(156,49,45);\r\n  }\r\n  .socials{\r\n    display:block;\r\n    padding-top: .5rem;\r\n    padding-bottom: .5rem;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n    table-layout: fixed;\r\n    width: 100%;\r\n  }\r\n  .socials tr{\r\n    display: block;\r\n  }\r\n  .socials td{\r\n    display: inline;\r\n    text-align: center;\r\n    width: calc(100% / 6);\r\n    padding-left: 0px;\r\n    padding-right: 0px;\r\n  }\r\n  .socials img{\r\n    height: 2rem;\r\n    margin-bottom: 0px;\r\n    filter: none;\r\n  }\r\n  #vertLine{\r\n    visibility: collapse;\r\n    height:0px;\r\n  }\r\n}"]}