asimonson1125.github.io/static/css/main.86e876f3.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,kBACE,oBAAqB,CACrB,kBAAmB,CACnB,+BAAgC,CAChC,UACF,CACA,YACE,gBAAiB,CACjB,iBAAkB,CAClB,uBAAsB,CACtB,6BAA8B,CAC9B,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,0BAA2B,CAC3B,aAAc,CACd,gBAAiB,CACjB,iBACF,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,iBAAkB,CAClB,mBAAoB,CACpB,mBACF,CACA,oBACE,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.86e876f3.chunk.css","sourcesContent":["@import \"~react-image-gallery/styles/css/image-gallery.css\";\nhtml, body{\n  background-color: #1b1f27;\n  overflow-x: hidden;\n}\nbody{\n  margin: 0;\n  background-image: url('assets/plexus.jpg');/*url('https://i.pinimg.com/originals/d6/c3/ac/d6c3ac09021dbc0cda8ee27837d2c795.png')*/\n  background-attachment: fixed;\n  background-size: 100% auto;\n  background-clip: border-box;\n}\n*{\n  font-family: \"Roboto Condensed\",sans-serif;\n}\nh1, h2{\n  color: #ecebeb;\n}\nh2{\n  font-size: 2rem;\n  margin-top: 1rem;\n  margin-bottom: 2rem;\n}\nh3, h4{\n  color: #a8a8a8;\n}\np{\n  color: rgb(212, 212, 212);\n  font-size: 1rem;\n}\na { \n  color: #a0a0a0a0;\n  text-decoration: none;\n}\n.header h1{\n  display: inline-block;\n  transition: .4s;\n  margin-bottom: 0px;\n  margin-top: .5rem;\n  margin-left: 1rem;\n  font-size: 2rem;\n}\n.header{\n  margin-bottom: 0px;\n  margin-left: 0rem;\n  background-color: #1a1a1a;\n  width: 100%;\n  z-index: 99;\n  position: fixed;\n  top: 0;\n  left: 0;\n  transition: .4s;\n  overflow: hidden;\n}\n.navBar{\n  display: block;\n  border-collapse: collapse;\n  padding-left: 0px;\n  margin: 0px;\n  width: 100%;\n}\n.navElement{\n  border: solid black .2rem;\n  width: 25vw;\n  text-align: center;\n  font-size: 1.2rem;\n  transition: .4s;\n  padding-top: .5rem;\n  padding-bottom: .5rem;\n  background-color: rgb(156,49,45,.4);\n}\n.navElement:hover{\n  background-color: rgb(156,49,45,.8);\n}\n.navElement *{\n  color: white;\n  margin:0px;\n  display: block;\n}\n#home{\n  height: 100vh;\n  overflow-y: hidden;\n}\n.concentratedHead{\n  display: inline-block;\n  padding-right: 4rem;\n  border-bottom: #0f0f0f solid 5px;\n  color:white;\n}\n.foreground{\n  padding-top: 7rem;\n  padding-left: 8rem;\n  width: calc(100%-8rem);\n  min-height: calc(100vh - 8rem);\n  background-color: rgb(44,44,44,.5);\n  padding-bottom: 1rem;\n  overflow: hidden;\n  transition: .4s;\n}\n.foreground p{\n  line-height: 1.5em;\n  max-width: min(90%, 40rem);\n}\n.centerContent{\n  margin-top: 30vh;\n  margin-left: auto;\n  margin-right: auto;\n  text-align: center;\n}\n#HomeContent{\n  padding: 3rem;\n  display: inline-block;\n  background-color: rgb(44,44,44, .95);\n}\n#Vertical{\n  margin-left: auto;\n  margin-right: auto;\n  width:0;\n  height: 3rem;\n  border-right: rgb(156,49,45) solid 1px;\n}\n.sideimg{\n  float:right;\n  top: 0;\n  right: 0;\n  display: block;\n  max-width: min(40rem,80%);\n  max-height: min(30rem,100%);\n}\n.col{\n  float:left;\n  margin-right: 3rem;\n  width: calc(50% - 3rem);\n}\n.boxedImg{\n  border: .5rem solid rgba(22,22,22,.8);\n  max-width: calc(90% - 1rem);\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n.carousel-container{\n  margin-left: 10%;\n  max-width: 80%;\n}\n.elementBlock{\n  margin-top: 3rem;\n}\n.skills{\n  display: inline-block;\n  background-color: rgba(0, 0, 0, 0.3);\n  border: solid rgba(156,49,45, .8) .3rem;\n  text-align: center;\n  padding:1rem;\n}\n.skill{\n  display: inline-block;\n  border:rgba(156,49,45, .8) solid .15rem;\n  padding:.2rem;\n  margin: .5rem;\n  background-color: rgba(11,11,11,.8);\n  color:rgb(212, 212, 212);\n}\n.projectList{\n  padding: 0px;\n  display: block;\n  margin-left:auto;\n  margin-right:auto;\n  width: 100%;\n  text-align: center;\n}\n.project{\n  display: inline-block;\n  text-align: left;\n  margin: 1rem;\n  width: 20rem;\n  height: 22rem;\n  border: .3rem rgba(156,49,45, .8) solid;\n  background-color: rgba(22,22,22,.8);\n}\n.project .topBox, .project .bottomBox{\n  padding-left: 1rem;\n}\n.tab{\n  display: inline;\n  float: right;\n}\n.project h3{\n  display: inline-block;\n  border-bottom: black solid .2rem;\n}\n.project img{\n  margin-top: auto;\n  height:3rem;\n}\n.topBox{\n  padding-left: .5rem;\n  padding-right: 1rem;\n  height: 75%;\n}\n.bottomBox{\n  height: auto;\n  padding-left: 0rem;\n  padding-right: 1rem;\n}\n.bottomBox a{\n  vertical-align: middle;\n}\n.project a img, .project a p{\n  padding: .5rem;\n  filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(52deg) brightness(106%) contrast(101%);\n}\n.project a img:hover, .project a p:hover{\n  filter: invert(66%) sepia(0%) saturate(3964%) hue-rotate(99deg) brightness(100%) contrast(105%);\n}\n.incomplete{\n  color:red;\n}\n.WIP{\n  color:yellow;\n}\n.complete{\n  color:green;\n}\n.footer{\n  position: fixed;\n  bottom: 0;\n  left: 0;\n}\n.socials{\n  margin-left: 1rem;\n  width:0px;\n}\n.socials td{\n  padding:5px;\n  text-align: left;\n  display: inline;\n  float:left;\n}\n.socials img{\n  height: 2rem;\n  margin-bottom: 1rem;\n  filter: invert(29%) sepia(20%) saturate(1786%) hue-rotate(314deg) brightness(101%) contrast(110%);\n  transition: .2s;\n}\n.socials img:hover{\n  opacity: .5;\n}\n#vertLine{\n  border-right: 1px solid rgb(156,49,45);\n  margin-left: 1rem;\n  height: 10rem;\n}\n\n@media screen and (max-width: 1200px){\n  .projectList{\n    width: 95%;\n  }\n  .sideimg{\n    position: relative;\n  }\n  body{\n    background-size: auto 100%;\n  }\n  .foreground{\n    width:100%;\n    padding-left: 2rem; /* centered objects will need to remove 1.5 of this to center */\n    padding-right: .5rem;\n    padding-bottom: 36px;\n  }\n  .centeredForeground{\n    margin-left: -1.5rem; /* remove .foreground excess margin */\n  }\n  .col{\n    width: 90%;\n    margin-bottom: 3rem;\n  }\n  #aboutMe{\n    float: none;\n    display:block;\n    width: 90%;\n  }\n  #skills{\n    float: none;\n    margin-right: auto;\n    display: block;\n    width: 90%;\n  }\n  .footer{\n    position:relative;\n    width:100%;\n    display: inline-block;\n    background-color: rgb(156,49,45);\n  }\n  .socials{\n    display:block;\n    padding-top: .5rem;\n    padding-bottom: .5rem;\n    margin-right: auto;\n    margin-left: auto;\n    table-layout: fixed;\n    width: 100%;\n  }\n  .socials tr{\n    display: block;\n  }\n  .socials td{\n    display: inline;\n    text-align: center;\n    width: calc(100% / 6);\n    padding-left: 0px;\n    padding-right: 0px;\n  }\n  .socials img{\n    height: 2rem;\n    margin-bottom: 0px;\n    filter: none;\n  }\n  #vertLine{\n    visibility: collapse;\n    height:0px;\n  }\n}"]}