-
Notifications
You must be signed in to change notification settings - Fork 0
/
component---src-pages-styles-about-styles-js-b618bd9fece3591a9063.js.map
1 lines (1 loc) · 21.3 KB
/
component---src-pages-styles-about-styles-js-b618bd9fece3591a9063.js.map
1
{"version":3,"sources":["webpack:///component---src-pages-styles-about-styles-js-b618bd9fece3591a9063.js","webpack:///./src/pages/styles/about/styles.js"],"names":["webpackJsonp","31","module","exports","__webpack_require__","_interopRequireDefault","obj","__esModule","default","_taggedTemplateLiteralLoose","strings","raw","TechIcons","TechnicalSkillBlock","TechnicalSkillLabel","TechnicalSection","TechnicalContainer","OneDayBlock","MaisonTechnicalSection","AboutMaisonSection","AboutMeText","TheDeets","ContactDetails","MaisonContainer","MobileHeaderCard","HeaderCard","AboutContainer","undefined","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_styledComponents","_styledComponents2","_reactAnimations","_cssMediaTemplate","bounceLeft","keyframes","bounceInLeft","bounceRight","bounceInRight","bounceUp","bounceInUp","styled","div","media","medium","p"],"mappings":"AAAAA,cAAc,iBAERC,GACA,SAAUC,EAAQC,EAASC,GAEhC,YAmCA,SAASC,GAAuBC,GAAO,MAAOA,IAAOA,EAAIC,WAAaD,GAAQE,QAASF,GAEvF,QAASG,GAA4BC,EAASC,GAA0B,MAAnBD,GAAQC,IAAMA,EAAYD,EAnC/EP,EAAQI,YAAa,EACrBJ,EAAQS,UAAYT,EAAQU,oBAAsBV,EAAQW,oBAAsBX,EAAQY,iBAAmBZ,EAAQa,mBAAqBb,EAAQc,YAAcd,EAAQe,uBAAyBf,EAAQgB,mBAAqBhB,EAAQiB,YAAcjB,EAAQkB,SAAWlB,EAAQmB,eAAiBnB,EAAQoB,gBAAkBpB,EAAQqB,iBAAmBrB,EAAQsB,WAAatB,EAAQuB,eAAiBC,MAEjY,IAAIC,GAAkBnB,GAA6B,GAAI,KAAM,GAAI,KAC7DoB,EAAmBpB,GAA6B,mLAAoL,aAAc,mLAAoL,aACtaqB,EAAmBrB,GAA6B,gLAAiL,gLACjOsB,EAAmBtB,GAA6B,sTAAuT,OAAQ,sTAAuT,OACtqBuB,EAAmBvB,GAA6B,mCAAoC,mCACpFwB,EAAmBxB,GAA6B,qCAAsC,OAAQ,qCAAsC,OACpIyB,EAAmBzB,GAA6B,omBAAqmB,omBACrpB0B,EAAmB1B,GAA6B,6IAA8I,OAAQ,6IAA8I,OACpV2B,EAAmB3B,GAA6B,WAAY,WAC5D4B,EAAoB5B,GAA6B,qDAAsD,qDACvG6B,EAAoB7B,GAA6B,k2BAAm2B,OAAQ,k2BAAm2B,OAC/vD8B,EAAoB9B,GAA6B,kOAAmO,kOACpR+B,EAAoB/B,GAA6B,wEAAyE,qBAAsB,OAAQ,wEAAyE,qBAAsB,OACvPgC,EAAoBhC,GAA6B,kCAAmC,qBAAsB,kCAAmC,qBAC7IiC,EAAoBjC,GAA6B,mHAAoH,qBAAsB,OAAQ,mHAAoH,qBAAsB,OAC7UkC,EAAoBlC,GAA6B,6hBAA8hB,OAAQ,6hBAA8hB,OACrnCmC,EAAoBnC,GAA6B,wEAAyE,wEAC1HoC,EAAoBpC,GAA6B,yEAA0E,yEAC3HqC,EAAoBrC,GAA6B,wGAAyG,wGAC1JsC,EAAoBtC,GAA6B,mIAAoI,mIACrLuC,EAAoBvC,GAA6B,2HAA4H,2HC9BlLwC,EAAA7C,EAAA,IDkCK8C,EAAqB7C,EAAuB4C,GChCjDE,EAAA/C,EAAA,IACAgD,EAAAhD,EAAA,IAGMiD,KAAaC,aAAb1B,EAAyB2B,gBACzBC,KAAcF,aAAd1B,EAA0B6B,iBAE1BC,KAAWJ,aAAX1B,EAAuB+B,aAEhBjC,kBAAiBkC,UAAOC,IAAxBhC,EAUPiC,QAAMC,OAVCjC,IAqBAL,aAAamC,UAAOC,IAApB9B,EAgBP+B,QAAMC,OAhBC/B,IAqBAR,mBAAmBoC,UAAOC,IAA1B5B,EAEH6B,QAAMC,OAFH7B,IA2BAX,kBAAkBqC,UAAOC,IAAzB1B,EAOP2B,QAAMC,OAPC3B,IAWAd,iBAAiBsC,UAAOC,IAAxBxB,GAKAhB,WAAWuC,UAAOC,IAAlBvB,EA2CPwB,QAAMC,OA3CC/B,IAgDAZ,cAAcwC,UAAOC,IAArBtB,GAeApB,qBAAqByC,UAAOC,IAA5BrB,EAGYa,EAEnBS,QAAMC,OALCtB,EAMkBiB,IAIlBxC,yBAAyB0C,UAAOC,IAAhCnB,EAKYc,EAEnBM,QAAMC,OAPCtB,EAQkBiB,IAIlBzC,cAAc2C,UAAOC,IAArBlB,EA4BPmB,QAAMC,OA5BC/B,IAiCAhB,qBAAqB4C,UAAOC,IAA5BjB,GAMA7B,mBAAmB6C,UAAOC,IAA1BhB,GAMA/B,sBAAsB8C,UAAOI,EAA7BlB,GAOAjC,sBAAsB+C,UAAOC,IAA7Bd,GAUAnC,YAAYgD,UAAOC,IAAnBb","file":"component---src-pages-styles-about-styles-js-b618bd9fece3591a9063.js","sourcesContent":["webpackJsonp([76721091230688],{\n\n/***/ 31:\n/***/ (function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\texports.__esModule = true;\n\texports.TechIcons = exports.TechnicalSkillBlock = exports.TechnicalSkillLabel = exports.TechnicalSection = exports.TechnicalContainer = exports.OneDayBlock = exports.MaisonTechnicalSection = exports.AboutMaisonSection = exports.AboutMeText = exports.TheDeets = exports.ContactDetails = exports.MaisonContainer = exports.MobileHeaderCard = exports.HeaderCard = exports.AboutContainer = undefined;\n\t\n\tvar _templateObject = _taggedTemplateLiteralLoose(['', ''], ['', '']),\n\t _templateObject2 = _taggedTemplateLiteralLoose(['\\n position: fixed;\\n top: 0;\\n z-index: -99;\\n height: 100vh;\\n width: 100%;\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n\\n ', '\\n \\n'], ['\\n position: fixed;\\n top: 0;\\n z-index: -99;\\n height: 100vh;\\n width: 100%;\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n\\n ', '\\n \\n']),\n\t _templateObject3 = _taggedTemplateLiteralLoose(['\\n height: 780px;\\n position: relative;\\n flex-direction: column;\\n z-index: 1;\\n background: #ffffff;\\n padding-top: 14px;\\n '], ['\\n height: 780px;\\n position: relative;\\n flex-direction: column;\\n z-index: 1;\\n background: #ffffff;\\n padding-top: 14px;\\n ']),\n\t _templateObject4 = _taggedTemplateLiteralLoose(['\\n background: #020202;\\n color: #c0c0c0;\\n min-width: 130px;\\n height: 25px;\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n border-radius: 2px;\\n\\n & > p {\\n font-size: .85em;\\n font-style: italic;\\n letter-spacing: .2px;\\n }\\n\\n ', '\\n'], ['\\n background: #020202;\\n color: #c0c0c0;\\n min-width: 130px;\\n height: 25px;\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n border-radius: 2px;\\n\\n & > p {\\n font-size: .85em;\\n font-style: italic;\\n letter-spacing: .2px;\\n }\\n\\n ', '\\n']),\n\t _templateObject5 = _taggedTemplateLiteralLoose(['\\n display: none;\\n '], ['\\n display: none;\\n ']),\n\t _templateObject6 = _taggedTemplateLiteralLoose(['\\n display: none;\\n ', '\\n'], ['\\n display: none;\\n ', '\\n']),\n\t _templateObject7 = _taggedTemplateLiteralLoose(['\\n display: flex;\\n background: #020202;\\n color: #c0c0c0;\\n min-width: 130px;\\n height: 25px;\\n justify-content: space-around;\\n align-items: center;\\n border-radius: 2px;\\n\\n & > p {\\n font-size: .85em;\\n font-style: normal;\\n letter-spacing: .2px;\\n }\\n\\n & > p:nth-child(2) {\\n font-style: regu;\\n font-weight: bold;\\n color: #FFFFFF;\\n font-size: 1em;\\n }\\n '], ['\\n display: flex;\\n background: #020202;\\n color: #c0c0c0;\\n min-width: 130px;\\n height: 25px;\\n justify-content: space-around;\\n align-items: center;\\n border-radius: 2px;\\n\\n & > p {\\n font-size: .85em;\\n font-style: normal;\\n letter-spacing: .2px;\\n }\\n\\n & > p:nth-child(2) {\\n font-style: regu;\\n font-weight: bold;\\n color: #FFFFFF;\\n font-size: 1em;\\n }\\n ']),\n\t _templateObject8 = _taggedTemplateLiteralLoose(['\\n display: flex;\\n flex-direction: column;\\n justify-content: center;\\n align-items: center;\\n max-width: 75%;\\n \\n ', '\\n'], ['\\n display: flex;\\n flex-direction: column;\\n justify-content: center;\\n align-items: center;\\n max-width: 75%;\\n \\n ', '\\n']),\n\t _templateObject9 = _taggedTemplateLiteralLoose(['\\n '], ['\\n ']),\n\t _templateObject10 = _taggedTemplateLiteralLoose(['\\n display: flex;\\n align-items: center;\\n'], ['\\n display: flex;\\n align-items: center;\\n']),\n\t _templateObject11 = _taggedTemplateLiteralLoose(['\\n display: flex;\\n align-items: center;\\n margin-left: 20px;\\n width: 100%;\\n\\n & > p {\\n font-size: .75em;\\n font-weight: 700;\\n letter-spacing: .1px;\\n margin-left: 8px;\\n margin-right: 8px;\\n font-style: italic;\\n display: flex;\\n align-items: center;\\n\\n & > img {\\n margin-right: 4px;\\n }\\n }\\n\\n & > a {\\n font-size: .75em;\\n font-weight: 700;\\n letter-spacing: .1px; \\n margin-left: 8px;\\n margin-right: 8px;\\n font-style: italic;\\n display: flex;\\n align-items: center;\\n text-decoration: none;\\n color: #020202;\\n transition: .2s;\\n\\n &:hover {\\n color: #3A6EA5;\\n }\\n\\n & > img {\\n margin-right: 4px;\\n }\\n }\\n \\n ', '\\n'], ['\\n display: flex;\\n align-items: center;\\n margin-left: 20px;\\n width: 100%;\\n\\n & > p {\\n font-size: .75em;\\n font-weight: 700;\\n letter-spacing: .1px;\\n margin-left: 8px;\\n margin-right: 8px;\\n font-style: italic;\\n display: flex;\\n align-items: center;\\n\\n & > img {\\n margin-right: 4px;\\n }\\n }\\n\\n & > a {\\n font-size: .75em;\\n font-weight: 700;\\n letter-spacing: .1px; \\n margin-left: 8px;\\n margin-right: 8px;\\n font-style: italic;\\n display: flex;\\n align-items: center;\\n text-decoration: none;\\n color: #020202;\\n transition: .2s;\\n\\n &:hover {\\n color: #3A6EA5;\\n }\\n\\n & > img {\\n margin-right: 4px;\\n }\\n }\\n \\n ', '\\n']),\n\t _templateObject12 = _taggedTemplateLiteralLoose(['\\n font-weight: 500;\\n margin-top: 10px;\\n\\n & > p {\\n font-size: .8em;\\n line-height: 16px;\\n\\n & > span {\\n font-size: .75em;\\n font-style: italic;\\n }\\n }\\n'], ['\\n font-weight: 500;\\n margin-top: 10px;\\n\\n & > p {\\n font-size: .8em;\\n line-height: 16px;\\n\\n & > span {\\n font-size: .75em;\\n font-style: italic;\\n }\\n }\\n']),\n\t _templateObject13 = _taggedTemplateLiteralLoose(['\\n width: 100%;\\n margin-bottom: 12px;\\n animation: 1s ease ', ' forwards;\\n\\n ', '\\n'], ['\\n width: 100%;\\n margin-bottom: 12px;\\n animation: 1s ease ', ' forwards;\\n\\n ', '\\n']),\n\t _templateObject14 = _taggedTemplateLiteralLoose(['\\n animation: 1.5s ease ', ' forwards;\\n '], ['\\n animation: 1.5s ease ', ' forwards;\\n ']),\n\t _templateObject15 = _taggedTemplateLiteralLoose(['\\n width: 100%;\\n display: flex;\\n align-items: center;\\n margin-top: 10px;\\n animation: 1s ease ', ' forwards;\\n\\n ', '\\n'], ['\\n width: 100%;\\n display: flex;\\n align-items: center;\\n margin-top: 10px;\\n animation: 1s ease ', ' forwards;\\n\\n ', '\\n']),\n\t _templateObject16 = _taggedTemplateLiteralLoose(['\\n width: 10%;\\n display: flex;\\n flex-direction: column;\\n justify-content: center;\\n margin-right: 10px;\\n\\n & > p {\\n line-height: 0;\\n font-size: 2.4em;\\n font-weight: 700;\\n }\\n\\n & > p:nth-child(1) {\\n margin-bottom: -14px;\\n }\\n & > p:nth-child(2) {\\n margin-bottom: -16px;\\n color: #3A6EA5;\\n }\\n & > p:nth-child(3) {\\n margin-bottom: -13px;\\n }\\n & > p:nth-child(4) {\\n margin-bottom: -14px;\\n color: #c0c0c0;\\n }\\n\\n ', '\\n'], ['\\n width: 10%;\\n display: flex;\\n flex-direction: column;\\n justify-content: center;\\n margin-right: 10px;\\n\\n & > p {\\n line-height: 0;\\n font-size: 2.4em;\\n font-weight: 700;\\n }\\n\\n & > p:nth-child(1) {\\n margin-bottom: -14px;\\n }\\n & > p:nth-child(2) {\\n margin-bottom: -16px;\\n color: #3A6EA5;\\n }\\n & > p:nth-child(3) {\\n margin-bottom: -13px;\\n }\\n & > p:nth-child(4) {\\n margin-bottom: -14px;\\n color: #c0c0c0;\\n }\\n\\n ', '\\n']),\n\t _templateObject17 = _taggedTemplateLiteralLoose(['\\n display: flex;\\n align-items: center;\\n height: 100%;\\n'], ['\\n display: flex;\\n align-items: center;\\n height: 100%;\\n']),\n\t _templateObject18 = _taggedTemplateLiteralLoose(['\\n width: 90%;\\n display: flex;\\n flex-direction: column;\\n'], ['\\n width: 90%;\\n display: flex;\\n flex-direction: column;\\n']),\n\t _templateObject19 = _taggedTemplateLiteralLoose(['\\n font-size: .85em;\\n font-weight: 700;\\n margin-bottom: -6px;\\n font-style: italic;\\n'], ['\\n font-size: .85em;\\n font-weight: 700;\\n margin-bottom: -6px;\\n font-style: italic;\\n']),\n\t _templateObject20 = _taggedTemplateLiteralLoose(['\\n display: flex;\\n flex-direction: column;\\n margin-bottom: -10px;\\n\\n & > p {\\n font-size: .8em;\\n }\\n'], ['\\n display: flex;\\n flex-direction: column;\\n margin-bottom: -10px;\\n\\n & > p {\\n font-size: .8em;\\n }\\n']),\n\t _templateObject21 = _taggedTemplateLiteralLoose(['\\ndisplay: flex;\\nalign-items: center;\\njustify-content: center;\\nwidth: 100%;\\n\\n& > img {\\n margin-left: 15px;\\n}\\n'], ['\\ndisplay: flex;\\nalign-items: center;\\njustify-content: center;\\nwidth: 100%;\\n\\n& > img {\\n margin-left: 15px;\\n}\\n']);\n\t\n\tvar _styledComponents = __webpack_require__(11);\n\t\n\tvar _styledComponents2 = _interopRequireDefault(_styledComponents);\n\t\n\tvar _reactAnimations = __webpack_require__(20);\n\t\n\tvar _cssMediaTemplate = __webpack_require__(14);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\tfunction _taggedTemplateLiteralLoose(strings, raw) { strings.raw = raw; return strings; }\n\t\n\tvar bounceLeft = (0, _styledComponents.keyframes)(_templateObject, _reactAnimations.bounceInLeft);\n\tvar bounceRight = (0, _styledComponents.keyframes)(_templateObject, _reactAnimations.bounceInRight);\n\t\n\tvar bounceUp = (0, _styledComponents.keyframes)(_templateObject, _reactAnimations.bounceInUp);\n\t\n\tvar AboutContainer = exports.AboutContainer = _styledComponents2.default.div(_templateObject2, _cssMediaTemplate.media.medium(_templateObject3));\n\t\n\tvar HeaderCard = exports.HeaderCard = _styledComponents2.default.div(_templateObject4, _cssMediaTemplate.media.medium(_templateObject5));\n\t\n\tvar MobileHeaderCard = exports.MobileHeaderCard = _styledComponents2.default.div(_templateObject6, _cssMediaTemplate.media.medium(_templateObject7));\n\t\n\tvar MaisonContainer = exports.MaisonContainer = _styledComponents2.default.div(_templateObject8, _cssMediaTemplate.media.medium(_templateObject9));\n\t\n\tvar ContactDetails = exports.ContactDetails = _styledComponents2.default.div(_templateObject10);\n\t\n\tvar TheDeets = exports.TheDeets = _styledComponents2.default.div(_templateObject11, _cssMediaTemplate.media.medium(_templateObject5));\n\t\n\tvar AboutMeText = exports.AboutMeText = _styledComponents2.default.div(_templateObject12);\n\t\n\tvar AboutMaisonSection = exports.AboutMaisonSection = _styledComponents2.default.div(_templateObject13, bounceLeft, _cssMediaTemplate.media.medium(_templateObject14, bounceUp));\n\t\n\tvar MaisonTechnicalSection = exports.MaisonTechnicalSection = _styledComponents2.default.div(_templateObject15, bounceRight, _cssMediaTemplate.media.medium(_templateObject14, bounceUp));\n\t\n\tvar OneDayBlock = exports.OneDayBlock = _styledComponents2.default.div(_templateObject16, _cssMediaTemplate.media.medium(_templateObject5));\n\t\n\tvar TechnicalContainer = exports.TechnicalContainer = _styledComponents2.default.div(_templateObject17);\n\t\n\tvar TechnicalSection = exports.TechnicalSection = _styledComponents2.default.div(_templateObject18);\n\t\n\tvar TechnicalSkillLabel = exports.TechnicalSkillLabel = _styledComponents2.default.p(_templateObject19);\n\t\n\tvar TechnicalSkillBlock = exports.TechnicalSkillBlock = _styledComponents2.default.div(_templateObject20);\n\t\n\tvar TechIcons = exports.TechIcons = _styledComponents2.default.div(_templateObject21);\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// component---src-pages-styles-about-styles-js-b618bd9fece3591a9063.js","import styled, { keyframes } from 'styled-components';\n\nimport { bounceInLeft, bounceInRight, fadeIn, bounceInUp } from 'react-animations';\nimport { media } from '../../../utils/cssMediaTemplate';\n\n\nconst bounceLeft = keyframes`${bounceInLeft}`;\nconst bounceRight = keyframes`${bounceInRight}`;\n\nconst bounceUp = keyframes`${bounceInUp}`;\n\nexport const AboutContainer = styled.div`\n position: fixed;\n top: 0;\n z-index: -99;\n height: 100vh;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n\n ${media.medium`\n height: 780px;\n position: relative;\n flex-direction: column;\n z-index: 1;\n background: #ffffff;\n padding-top: 14px;\n `}\n \n`;\n\nexport const HeaderCard = styled.div`\n background: #020202;\n color: #c0c0c0;\n min-width: 130px;\n height: 25px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 2px;\n\n & > p {\n font-size: .85em;\n font-style: italic;\n letter-spacing: .2px;\n }\n\n ${media.medium`\n display: none;\n `}\n`;\n\nexport const MobileHeaderCard = styled.div`\n display: none;\n ${media.medium`\n display: flex;\n background: #020202;\n color: #c0c0c0;\n min-width: 130px;\n height: 25px;\n justify-content: space-around;\n align-items: center;\n border-radius: 2px;\n\n & > p {\n font-size: .85em;\n font-style: normal;\n letter-spacing: .2px;\n }\n\n & > p:nth-child(2) {\n font-style: regu;\n font-weight: bold;\n color: #FFFFFF;\n font-size: 1em;\n }\n `}\n`;\n\nexport const MaisonContainer = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n max-width: 75%;\n \n ${media.medium`\n `}\n`;\n\nexport const ContactDetails = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport const TheDeets = styled.div`\n display: flex;\n align-items: center;\n margin-left: 20px;\n width: 100%;\n\n & > p {\n font-size: .75em;\n font-weight: 700;\n letter-spacing: .1px;\n margin-left: 8px;\n margin-right: 8px;\n font-style: italic;\n display: flex;\n align-items: center;\n\n & > img {\n margin-right: 4px;\n }\n }\n\n & > a {\n font-size: .75em;\n font-weight: 700;\n letter-spacing: .1px; \n margin-left: 8px;\n margin-right: 8px;\n font-style: italic;\n display: flex;\n align-items: center;\n text-decoration: none;\n color: #020202;\n transition: .2s;\n\n &:hover {\n color: #3A6EA5;\n }\n\n & > img {\n margin-right: 4px;\n }\n }\n \n ${media.medium`\n display: none;\n `}\n`;\n\nexport const AboutMeText = styled.div`\n font-weight: 500;\n margin-top: 10px;\n\n & > p {\n font-size: .8em;\n line-height: 16px;\n\n & > span {\n font-size: .75em;\n font-style: italic;\n }\n }\n`;\n\nexport const AboutMaisonSection = styled.div`\n width: 100%;\n margin-bottom: 12px;\n animation: 1s ease ${bounceLeft} forwards;\n\n ${media.medium`\n animation: 1.5s ease ${bounceUp} forwards;\n `}\n`;\n\nexport const MaisonTechnicalSection = styled.div`\n width: 100%;\n display: flex;\n align-items: center;\n margin-top: 10px;\n animation: 1s ease ${bounceRight} forwards;\n\n ${media.medium`\n animation: 1.5s ease ${bounceUp} forwards;\n `}\n`;\n\nexport const OneDayBlock = styled.div`\n width: 10%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-right: 10px;\n\n & > p {\n line-height: 0;\n font-size: 2.4em;\n font-weight: 700;\n }\n\n & > p:nth-child(1) {\n margin-bottom: -14px;\n }\n & > p:nth-child(2) {\n margin-bottom: -16px;\n color: #3A6EA5;\n }\n & > p:nth-child(3) {\n margin-bottom: -13px;\n }\n & > p:nth-child(4) {\n margin-bottom: -14px;\n color: #c0c0c0;\n }\n\n ${media.medium`\n display: none;\n `}\n`;\n\nexport const TechnicalContainer = styled.div`\n display: flex;\n align-items: center;\n height: 100%;\n`;\n\nexport const TechnicalSection = styled.div`\n width: 90%;\n display: flex;\n flex-direction: column;\n`;\n\nexport const TechnicalSkillLabel = styled.p`\n font-size: .85em;\n font-weight: 700;\n margin-bottom: -6px;\n font-style: italic;\n`;\n\nexport const TechnicalSkillBlock = styled.div`\n display: flex;\n flex-direction: column;\n margin-bottom: -10px;\n\n & > p {\n font-size: .8em;\n }\n`;\n\nexport const TechIcons = styled.div`\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nwidth: 100%;\n\n& > img {\n margin-left: 15px;\n}\n`;\n\n\n\n// WEBPACK FOOTER //\n// ./src/pages/styles/about/styles.js"],"sourceRoot":""}