File: /home/awaldron/_domains/ux.alanwaldron.com/static/css/main.c679f82a.css.map
{"version":3,"file":"static/css/main.c679f82a.css","mappings":"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","sources":["index.css","../node_modules/react-alice-carousel/lib/alice-carousel.css","App.scss"],"sourcesContent":["body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n",".alice-carousel .animated {\n animation-fill-mode: both;\n}\n\n.alice-carousel .animated-out {\n z-index: 1;\n}\n\n.alice-carousel .fadeOut {\n animation-name: fadeOut;\n}\n\n@keyframes fadeOut {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n visibility: hidden;\n }\n}\n.alice-carousel {\n position: relative;\n width: 100%;\n margin: auto;\n direction: ltr;\n}\n\n.alice-carousel__wrapper {\n position: relative;\n overflow-x: hidden;\n overflow-y: hidden;\n box-sizing: border-box;\n width: 100%;\n height: auto;\n}\n\n.alice-carousel__stage {\n position: relative;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n white-space: nowrap;\n transform-style: flat;\n -webkit-transform-style: flat;\n backface-visibility: hidden;\n -webkit-backface-visibility: hidden;\n}\n.alice-carousel__stage-item {\n position: relative;\n display: inline-block;\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n vertical-align: top;\n white-space: normal;\n line-height: 0;\n}\n.alice-carousel__stage-item * {\n line-height: initial;\n}\n.alice-carousel__stage-item.__hidden {\n opacity: 0;\n overflow: hidden;\n}\n\n.alice-carousel__prev-btn,\n.alice-carousel__next-btn {\n display: inline-block;\n box-sizing: border-box;\n width: 50%;\n padding: 10px 5px;\n}\n.alice-carousel__prev-btn [data-area]::after,\n.alice-carousel__next-btn [data-area]::after {\n position: relative;\n content: attr(data-area);\n text-transform: capitalize;\n}\n\n.alice-carousel__prev-btn {\n text-align: right;\n}\n\n.alice-carousel__prev-btn-item,\n.alice-carousel__next-btn-item {\n display: inline-block;\n cursor: pointer;\n padding: 5px;\n margin: 0;\n color: #465798;\n}\n.alice-carousel__prev-btn-item:hover,\n.alice-carousel__next-btn-item:hover {\n color: darkred;\n}\n.alice-carousel__prev-btn-item.__inactive,\n.alice-carousel__next-btn-item.__inactive {\n opacity: 0.4;\n pointer-events: none;\n}\n\n.alice-carousel__play-btn {\n position: absolute;\n top: 30px;\n left: 20px;\n display: inline-block;\n}\n.alice-carousel__play-btn:hover {\n cursor: pointer;\n}\n.alice-carousel__play-btn-wrapper {\n position: relative;\n width: 32px;\n height: 32px;\n padding: 10px;\n border-radius: 50%;\n background-color: #fff;\n}\n\n.alice-carousel__play-btn-item {\n position: absolute;\n width: 32px;\n height: 32px;\n cursor: pointer;\n border: 0;\n outline: none;\n background: transparent;\n}\n.alice-carousel__play-btn-item::before, .alice-carousel__play-btn-item::after {\n position: absolute;\n pointer-events: none;\n display: block;\n width: 0;\n height: 0;\n content: \"\";\n transition: all 0.4s linear;\n border-width: 8px 0 8px 15px;\n border-style: solid;\n border-color: transparent;\n border-left-color: #465798;\n}\n.alice-carousel__play-btn-item::before {\n left: 5px;\n height: 14px;\n}\n.alice-carousel__play-btn-item::after {\n top: 7px;\n left: 18px;\n}\n.alice-carousel__play-btn-item.__pause::before, .alice-carousel__play-btn-item.__pause::after {\n height: 30px;\n border-width: 0 0 0 10px;\n}\n.alice-carousel__play-btn-item.__pause::after {\n top: 0;\n left: 18px;\n}\n\n.alice-carousel__dots {\n margin: 30px 3px 5px;\n padding: 0;\n list-style: none;\n text-align: center;\n}\n.alice-carousel__dots > li {\n display: inline-block;\n}\n.alice-carousel__dots-item:not(.__custom) {\n width: 8px;\n height: 8px;\n cursor: pointer;\n border-radius: 50%;\n background-color: #e0e4fb;\n}\n.alice-carousel__dots-item:not(.__custom):not(:last-child) {\n margin-right: 20px;\n}\n.alice-carousel__dots-item:not(.__custom):hover, .alice-carousel__dots-item:not(.__custom).__active {\n background-color: #6e7ebc;\n}\n\n.alice-carousel__slide-info {\n position: absolute;\n top: 20px;\n right: 20px;\n display: inline-block;\n padding: 5px 10px;\n color: #465798;\n border-radius: 5px;\n background-color: rgba(224, 228, 251, 0.6);\n}\n.alice-carousel__slide-info-item {\n vertical-align: middle;\n line-height: 0;\n}","@import url('https://fonts.googleapis.com/css2?family=Poppins&family=Raleway:wght@400;700&display=swap');\n\n@mixin flex( $dir:row, $just:space-between, $align:center, $wrap:nowrap ) {\n display: flex;\n flex-direction: $dir;\n justify-content: $just;\n align-items: $align;\n flex-wrap: $wrap;\n}\n\n@mixin transition($args...) {\n -webkit-transition: $args;\n -moz-transition: $args;\n -ms-transition: $args;\n -o-transition: $args;\n transition: $args;\n}\n\n$black: #000000;\n$bgpanel: #222222;\n$white: #FFFFFF;\n$yellow: #FFCC00;\n$red: #CC0000;\n$gray: #999999;\n$blue: #00b2ff;\n\nbody {\n background-color: $black;\n color: $white;\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n}\n\n.panel {\n background-color: $bgpanel;\n}\n\nh1, h2, h3, h4, h5 {\n font-family: 'Raleway', sans-serif;\n}\n\nnav.left-nav {\n padding-top: 25px;\n background-color: $bgpanel;\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n width: 150px;\n @include transition(all 0.3s ease);\n\n #init-box {\n width: 100px;\n height: 100px;\n margin: auto;\n\n img {\n width: 100px;\n height: 100px;\n }\n }\n\n h1 {\n font-size: 22px;\n text-align: center;\n width: 100px;\n margin: 20px auto 50px;\n }\n\n ul {\n margin: 0;\n padding: 1px 0;\n list-style-type: none;\n background-color: #444;\n\n li {\n background-color: $bgpanel;\n padding: 12px 0;\n text-align: center;\n font-size: 15px;\n margin-bottom: 1px;\n font-weight: 600;\n border-width: 0 3px;\n border-style: solid;\n border-right-color: $bgpanel !important;\n border-left-color: $bgpanel;\n cursor: pointer;\n\n @include transition(background 0.15s linear);\n\n &.on {\n background-color: #444;\n border-right-width: 3px;\n padding-right: 0;\n border-right-color: inherit !important;\n }\n\n &:hover {\n background-color: #444;\n border-right-width: 3px;\n padding-right: 0;\n border-right-color: $white !important;\n }\n\n\n }\n }\n\n @media (max-width: 925px) {\n left: -150px;\n z-index: 9998;\n #init-box, h1 {\n display: none;\n }\n ul {\n margin-top: 30px;\n }\n &.open {\n left: 0px;\n }\n }\n}\n\nnav.top-nav {\n @include flex(row, flex-start, center, nowrap);\n position: fixed;\n top: -40px;\n left: 0;\n width: 100%;\n height: 40px;\n background: $black;\n z-index: 9999;\n @include transition(all 0.3s linear);\n\n #init-box {\n width: 36px;\n height: 36px;\n margin: 0 12px;\n\n img {\n width: 36px;\n height: 36px;\n }\n }\n h1 {\n flex: 1;\n font-size: 18px;\n }\n .fa-bars {\n font-size: 26px;\n padding: 0 20px;\n cursor: pointer;\n }\n\n @media (max-width: 925px) {\n top: 0px;\n }\n}\n\nmain {\n //position: relative;\n //left: 165px;\n //top: 0;\n //background: url(/assets/img/milo.png) center bottom no-repeat;\n margin-left: 165px;\n width: calc( 100% - 165px );\n overflow-x: hidden;\n @include transition(all 0.3s linear);\n\n @media (max-width: 925px) {\n margin-left: 0;\n margin-top: 40px;\n width: 100%;\n }\n}\n\n.what-i-do {\n @include flex(row, space-between, flex-start, wrap);\n\n\n & > div {\n width: 48%;\n @include flex(row, space-between, flex-start);\n margin-bottom: 40px;\n\n @media (max-width: 750px) {\n width: 100%;\n\n & > div:last-child {\n flex: 1;\n width: 100%;\n }\n }\n\n .fa {\n font-size: 50px;\n margin-right: 30px;\n @include transition(transform 0.3s ease);\n\n @media (max-width: 750px) {\n font-size: 36px;\n }\n }\n h2 {\n padding: 0;\n margin: 0 0 6px;\n }\n p {\n color: #DDD;\n margin-top: 0;\n }\n\n &:hover {\n i { transform: rotateY( -180deg );}\n }\n }\n}\n\nsection {\n @include flex(row, space-between, flex-start, nowrap);\n background-color: $bgpanel;\n margin-bottom: 15px;\n\n @media (max-width: 650px) {\n @include flex(column, flex-start, flex-start, wrap);\n }\n}\n\n.pct50 {\n width: 50%;\n @media (max-width: 925px) {\n width: 100%;\n }\n}\n.pct100 {\n width: calc( 100% - 100px );\n}\n\n.pad50 {\n padding: 50px 50px;\n @media (max-width: 650px) {\n padding: 20px;\n }\n}\n\n.what-i-do-do, .resume, .portfolio, .contact {\n @media (max-width: 750px) {\n width: calc( 100% - 100px );\n }\n @media (max-width: 650px) {\n width: calc( 100% - 40px );\n }\n}\n\n\n.section-title {\n display: inline-block;\n font-weight: 700;\n font-size: 26px;\n padding-bottom: 3px;\n border-bottom-width: 3px;\n border-bottom-style: solid;\n margin-bottom: 40px;\n}\n\n\n\n#alan-milo {\n position: relative;\n\n img {\n position: absolute;\n top: 0;\n left: 0;\n max-width: 100%;\n opacity: 1;\n @include transition(all 0.15s linear);\n\n &.hidden {\n opacity: 0;\n }\n\n @media (max-width: 650px) {\n position: relative;\n }\n }\n\n @media (max-width: 650px) {\n #milo1, #milo2, #milo3 { display: none; }\n }\n\n #milo-hovers {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n @include flex(row, space-between, center, nowrap);\n\n\n & > div {\n background-color: rgba(0,0,0,0.15);\n width: 33%;\n\n &:nth-child(2) {\n width: 34%;\n }\n }\n\n @media (max-width: 650px) {\n position: relative;\n display: none;\n }\n }\n\n @media (max-width: 650px) {\n width: 100%;\n }\n}\n\n#about-alan {\n padding: 0 50px;\n @include flex(row, flex-start, center, nowrap);\n background-color: #333;\n\n @media (max-width: 650px) {\n height: auto;\n padding: 40px 20px;\n width: calc( 100% - 40px );\n }\n\n label {\n color: $gray;\n }\n h1 {\n font-size: 50px;\n padding: 0;\n margin: 0;\n\n @media (max-width: 925px) {\n font-size: 40px;\n }\n }\n}\n\n#clients {\n position: relative;\n top: -90px;\n\n .owl-wrapper-outer {\n margin-top: 24px;\n }\n}\n\n.item {\n margin: 10px;\n text-align: center;\n\n img {\n display: block;\n max-width: 75%;\n margin: auto;\n opacity: 0.5;\n @include transition(all 0.3s linear);\n\n &:hover {\n opacity: 1;\n }\n }\n}\n\n.timeline {\n\n &-entry {\n display: flex;\n opacity: 1;\n @include transition(all 0.3s ease);\n\n &:hover {\n opacity: 1;\n }\n\n @media (max-width: 575px) {\n flex-direction: column;\n border-bottom: solid 1px #999;\n margin: 0 0 20px 0;\n padding: 0 0 20px 0;\n &:last-child {\n border: 0;\n }\n }\n }\n\n &-date {\n display: flex;\n flex-direction: column;\n width: 125px;\n text-align: right;\n padding-right: 30px;\n margin-right: 30px;\n border-right: solid 1px #BBB;\n font-size: 15px;\n padding-top: 12px;\n\n @media (max-width: 750px) {\n width: 100px;\n }\n @media (max-width: 575px) {\n width: 100%;\n text-align: left;\n border: 0;\n .dot1, .dot2 { display:none }\n }\n\n a {\n color: #DDD;\n text-decoration: none;\n @include transition(all 0.2s linear);\n\n &:hover {\n text-decoration: underline;\n }\n }\n\n b {\n display: block;\n }\n p {\n color: #DDD;\n margin: 3px 0;\n }\n .dot1 {\n position: relative;\n top: -63px;\n left: 38px;\n }\n .dot2 {\n position: relative;\n top: -48px;\n left: 38px;\n color: $bgpanel;\n }\n }\n\n\n &-detail {\n display: flex;\n flex-direction: column;\n flex: 1;\n padding-bottom: 20px;\n padding-top: 10px;\n\n b {\n display: block;\n font-size: 17px;\n }\n ul {\n margin: 8px 0 24px 0;\n }\n p, li {\n color: #DDD;\n margin: 3px 0;\n }\n }\n}\n\n#more-resume {\n display: block;\n overflow: hidden;\n max-height: 0;\n @include transition(all 1s ease);\n\n &.resume-open {\n max-height: 1800px;\n }\n}\n\n#show-more-resume {\n &.hidden {\n height: 0;\n }\n}\n\n#show-more-resume, #show-less-resume {\n height: 40px;\n display: inline-block;\n text-align: center;\n text-decoration: none;\n width: 225px;\n color: $bgpanel;\n padding: 0;\n line-height: 40px;\n border: 0;\n margin-top: 20px;\n font-weight: bold;\n font-size: 15px;\n cursor: pointer;\n @include transition(height 0.5s ease);\n\n &:hover {\n cursor: pointer;\n }\n}\n\n#contact-blocks {\n @include flex(row, space-between, flex-start, nowrap);\n @media (max-width: 575px) {\n @include flex(column, flex-start, flex-start, nowrap);\n }\n\n & > a {\n @include flex(column, center, center, nowrap);\n width: 28%;\n background-color: #333;\n padding: 20px 10px 15px;\n border: 1px solid #444;\n overflow: hidden;\n min-height: 125px;\n color: $white;\n text-decoration: none;\n\n @media (max-width: 575px) {\n width: calc( 100% - 20px );\n margin-bottom: 12px;\n }\n\n i {\n font-size: 50px;\n @include transition(transform 0.3s ease);\n }\n p {\n font-size: 17px;\n font-weight: 600;\n margin-bottom: 0;\n @include transition(transform 0.3s ease);\n\n @media (max-width: 775px) {\n font-size: 14px;\n }\n }\n\n &:hover {\n text-decoration: none;\n i { transform: scale(1.2) rotate(10deg); }\n p { transform: scale(1.2); }\n }\n }\n}\n\n.ux {\n &-item {\n @include flex( row, space-between, flex-start, nowrap );\n margin-bottom: 60px;\n\n & > div:last-child {\n flex: 1;\n }\n\n @media (max-width: 550px) {\n @include flex( column, flex-start, flex-start, nowrap );\n border-bottom: solid 1px #999;\n margin-bottom: 30px;\n padding-bottom: 30px;\n }\n }\n &-screen {\n width: 225px;\n margin-right: 30px;\n @media (max-width: 820px) {\n width: 200px;\n }\n @media (max-width: 650px) {\n width: 150px;\n }\n @media (max-width: 550px) {\n width: 100%;\n margin-bottom:10px;\n }\n\n img {\n max-width: 225px;\n display: inline-block;\n padding: 2px;\n border: solid 1px #999;\n\n @media (max-width: 820px) {\n max-width: 200px;\n }\n @media (max-width: 650px) {\n max-width: 150px;\n }\n @media (max-width: 550px) {\n max-width: 50%;\n }\n }\n }\n &-title {\n @include flex( row, space-between, center, nowrap );\n & > div {\n font-size: 15px;\n // margin-left: 15px;\n }\n & > div:first-child {\n flex: 1;\n font-size: 20px;\n font-weight: bold;\n margin: 0;\n }\n .ux-roles {\n @include flex( row, flex-start, center, nowrap );\n & > div:nth-child(2) {\n margin-left: 20px;\n }\n @media (max-width: 820px) {\n margin-top: 8px;\n }\n }\n i {\n font-size: 20px;\n margin-right: 5px;\n }\n @media (max-width: 820px) {\n @include flex( column, flex-start, flex-start, nowrap );\n }\n }\n &-description {\n\n ul {\n margin: 0;\n padding: 0;\n list-style-type: none;\n\n li {\n height: 30px;\n position: relative;\n display: block;\n overflow: hidden;\n\n & > div {\n height: 30px;\n width: 0;\n @include transition(width 0.3s ease);\n }\n\n a {\n position: absolute;\n top: 0;\n left: 0;\n display: inline-block;\n color: #54b3d6;\n @include transition(color 0.1s ease);\n padding-left: 10px;\n line-height: 30px;\n text-decoration: none;\n }\n\n &:hover {\n & > div {\n width: 325px;\n }\n a {\n color: $bgpanel !important;\n text-decoration: none;\n }\n }\n }\n }\n }\n}\n\n#copyright {\n text-align: center;\n color: #DDD;\n p {\n text-align: center;\n }\n min-height: 40px;\n justify-content: center;\n align-items: center;\n}\n\n#milo {\n margin-top: 300px;\n overflow: hidden;\n\n img {\n display: block;\n margin: auto;\n position: relative;\n top: 200px;\n\n transform: scale(0.8);\n @include transition(all 0.3s ease);\n\n &:hover {\n top: 0;\n transform: scale(1);\n }\n }\n}\n\n\n@media (max-width: 1050px) {\n .hide1050 {\n display: none;\n }\n}\n\ni.fa-bars {\n cursor: pointer;\n}\n\nsvg {\n pointer-events: none;\n}\n\n.alice-carousel__wrapper {\n position: relative;\n top: -30px;\n}\n"],"names":[],"sourceRoot":""}