-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.831b70fa.css.map
1 lines (1 loc) · 19.5 KB
/
index.831b70fa.css.map
1
{"mappings":"A,2FGAA,2eAqBA,4FAIA,mBAGA,sBAGA,yBAGA,4EAKA,gDDrCA,wHAMA,0FAOA,8GAME,0BANF,uCAUE,yBAVF,0DAgBE,mCAGE,0BAHF,oCAOE,yBAPF,8CAYA,mFAME,0BANF,oCAUE,yBAVF,uCAeA,8EAKE,0BALF,wCASE,yBATF,gEAeA,4EAKE,0BALF,0CASE,yBATF,4CAaE,wDAIE,qDAON,2FAME,0BANF,8BAUE,yBAVF,wDAeE,yHAOE,0BAPF,mCAWE,yBAXF,wDAgBE,+BAMJ,wDAIE,0BAJF,mDASE,0BATF,iDAcE,yBAdF,yDAmBE,uFAOE,0BAPF,sCAWE,yBAXF,yCAiBF,6FAME,0BANF,4BAUE,yBAVF,+BAcE,4FAME,0BANF,2DAWE,yBAXF,iEAiBA,mHAOE,0BAPF,4BAWE,yBAXF,mEAiBA,kHAOE,0BAPF,4BAWE,yBAXF,+BAeE,6BAKF,0CAMF,uDAIE,0BAJF,kDASE,0BATF,gDAcE,yBAdF,wDGlPA,uQAaE,yBAbF,wCAkBE,uJAUE,yBAVF,gDAgBA,4LAYE,yBAZF,gGAmBE,+BAGE,yBAHF,gCAQA,+BAGE,yBAHF,iCASF,+OAcE,yBAdF,kJAuBE,+JAYE,yBAZF","sources":["index.831b70fa.css","src/styles/main.scss","src/styles/global.scss","src/styles/reset.scss","src/styles/variables.scss","src/styles/face.scss"],"sourcesContent":["@import \"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&display=swap\";\nhtml, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n border: 0;\n margin: 0;\n padding: 0;\n}\n\narticle, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol, ul {\n list-style: none;\n}\n\nblockquote, q {\n quotes: none;\n}\n\nblockquote:before, blockquote:after, q:before, q:after {\n content: \"\";\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n* {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n cursor: url(\"https://i.imgur.com/WzrBWep.png\"), auto;\n}\n\nbody {\n color: #e9e9e9;\n background: #282828;\n font-family: Space Grotesk, sans-serif;\n font-size: 14px;\n}\n\n.header {\n justify-content: flex-start;\n align-items: flex-start;\n margin: 4.16667vw 0 4.16667vw 16.6667vw;\n display: flex;\n}\n\n@media (max-width: 1440px) {\n .header {\n margin: 6.25vw 0 6.25vw 12.5vw;\n }\n}\n\n@media (max-width: 640px) {\n .header {\n flex-direction: column;\n margin: 19.4647vw 4.86618vw;\n }\n}\n\n.header__text {\n margin-top: 7.39583vw;\n}\n\n@media (max-width: 1440px) {\n .header__text {\n margin-top: 11.0938vw;\n }\n}\n\n@media (max-width: 640px) {\n .header__text {\n margin: 5.83942vw 0 0 11.6788vw;\n }\n}\n\n.header__name {\n color: #e9e9e9;\n margin-bottom: .416667vw;\n font-size: 3rem;\n font-weight: bold;\n}\n\n@media (max-width: 1440px) {\n .header__name {\n margin-bottom: .625vw;\n }\n}\n\n@media (max-width: 640px) {\n .header__name {\n margin-bottom: 1.94647vw;\n }\n}\n\n.header__position {\n letter-spacing: .14em;\n margin-bottom: .833333vw;\n font-size: 1rem;\n}\n\n@media (max-width: 1440px) {\n .header__position {\n margin-bottom: 1.25vw;\n }\n}\n\n@media (max-width: 640px) {\n .header__position {\n letter-spacing: .02em;\n margin-bottom: 1.94647vw;\n }\n}\n\n.header__portfolio {\n letter-spacing: .04em;\n margin-bottom: 1.25vw;\n font-size: 1rem;\n}\n\n@media (max-width: 1440px) {\n .header__portfolio {\n margin-bottom: 1.875vw;\n }\n}\n\n@media (max-width: 640px) {\n .header__portfolio {\n margin-bottom: 3.89294vw;\n }\n}\n\n.header__portfolio a {\n color: #d7fe62;\n text-decoration: none;\n}\n\n.header__portfolio a:hover {\n text-decoration: underline;\n}\n\n.social {\n justify-content: flex-start;\n align-items: center;\n margin-bottom: .833333vw;\n display: flex;\n}\n\n@media (max-width: 1440px) {\n .social {\n margin-bottom: 1.25vw;\n }\n}\n\n@media (max-width: 640px) {\n .social {\n margin-bottom: 1.94647vw;\n margin-left: -1.94647vw;\n }\n}\n\n.social__link {\n color: inherit;\n margin-right: .833333vw;\n text-decoration: none;\n transition: opacity .2s ease-in-out;\n display: block;\n}\n\n@media (max-width: 1440px) {\n .social__link {\n margin-right: 1.25vw;\n }\n}\n\n@media (max-width: 640px) {\n .social__link {\n margin-right: 1.94647vw;\n padding: 1.94647vw;\n }\n}\n\n.social__link:hover {\n opacity: .6;\n}\n\n.content {\n width: 41.1458vw;\n margin: 0 0 8.33333vw 42.1875vw;\n}\n\n@media (max-width: 1440px) {\n .content {\n width: 37.5vw;\n margin: 0 0 12.5vw 47.6563vw;\n }\n}\n\n@media (max-width: 1024px) {\n .content {\n width: 50vw;\n margin: 0 0 12.5vw 23.5938vw;\n }\n}\n\n@media (max-width: 640px) {\n .content {\n width: 72.9927vw;\n margin: 0 0 38.9294vw 21.4112vw;\n }\n}\n\n.content__title {\n color: #d7fe62;\n margin-bottom: 4.16667vw;\n font-size: 1.5rem;\n font-weight: bold;\n}\n\n@media (max-width: 1440px) {\n .content__title {\n margin-bottom: 6.25vw;\n }\n}\n\n@media (max-width: 640px) {\n .content__title {\n margin-bottom: 19.4647vw;\n }\n}\n\n.year {\n justify-content: flex-start;\n align-items: flex-start;\n margin-bottom: 4.16667vw;\n display: flex;\n}\n\n@media (max-width: 1440px) {\n .year {\n margin-bottom: 6.25vw;\n }\n}\n\n@media (max-width: 640px) {\n .year {\n margin-bottom: 19.4647vw;\n }\n}\n\n.year__title {\n color: #d7fe62;\n margin: .416667vw 4.16667vw 0 0;\n font-size: .9375vw;\n font-weight: bold;\n}\n\n@media (max-width: 1440px) {\n .year__title {\n margin: .625vw 6.25vw 0 0;\n font-size: 1.40625vw;\n }\n}\n\n@media (max-width: 640px) {\n .year__title {\n margin: 1.94647vw 9.73236vw 0 0;\n font-size: 4.37956vw;\n }\n}\n\n.year__nav {\n grid-gap: .416667vw;\n grid-template-columns: repeat(4, 1fr);\n font-size: 1rem;\n line-height: 1.375rem;\n display: grid;\n}\n\n@media (max-width: 1440px) {\n .year__nav {\n grid-gap: .625vw;\n }\n}\n\n@media (max-width: 640px) {\n .year__nav {\n grid-gap: 1.94647vw;\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n.year__link {\n color: #e9e9e9;\n padding: .416667vw;\n text-decoration: none;\n transition: opacity .2s ease-in-out;\n display: block;\n}\n\n@media (max-width: 1440px) {\n .year__link {\n padding: .625vw;\n }\n}\n\n@media (max-width: 640px) {\n .year__link {\n padding: 1.94647vw;\n }\n}\n\n.year__link:hover {\n opacity: .6;\n}\n\n.year__via {\n color: #e9e9e9;\n font-size: .75rem;\n}\n\n.footer {\n width: 41.1458vw;\n margin: 0 0 4.16667vw 42.1875vw;\n}\n\n@media (max-width: 1440px) {\n .footer {\n width: 37.5vw;\n margin: 0 0 6.25vw 47.6563vw;\n }\n}\n\n@media (max-width: 1024px) {\n .footer {\n width: 50vw;\n margin: 0 0 6.25vw 23.5938vw;\n }\n}\n\n@media (max-width: 640px) {\n .footer {\n width: 72.9927vw;\n margin: 0 0 19.4647vw 21.4112vw;\n }\n}\n\n#face {\n pointer-events: none;\n width: 8.75vw;\n height: 8.75vw;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n transform-style: preserve-3d;\n background-color: #d7fe62;\n border-radius: 50%;\n position: relative;\n transform: translateZ(0);\n box-shadow: 0 0 .520833vw #0000001a;\n}\n\n@media (max-width: 640px) {\n #face {\n width: 40.8759vw;\n height: 40.8759vw;\n }\n}\n\n#face:after {\n content: \" \";\n width: 100%;\n height: .3125vw;\n border-radius: 50%;\n position: absolute;\n bottom: -1.5625vw;\n left: 0;\n box-shadow: 0 3.125vw 4.16667vw #0000001a;\n}\n\n@media (max-width: 640px) {\n #face:after {\n height: 1.45985vw;\n bottom: -7.29927vw;\n }\n}\n\n#face .eye {\n width: .9375vw;\n height: 1.875vw;\n z-index: 2;\n background-color: #704033;\n border-radius: 50%;\n position: absolute;\n top: 1.875vw;\n transform: translateZ(.9375vw);\n box-shadow: 0 0 1.04167vw #0000001a;\n}\n\n@media (max-width: 640px) {\n #face .eye {\n width: 4.37956vw;\n height: 8.75912vw;\n transform: translateZ(.9375vw, mobile);\n top: 8.75912vw;\n }\n}\n\n#face .eye.left {\n left: 2.65625vw;\n}\n\n@media (max-width: 640px) {\n #face .eye.left {\n left: 12.4088vw;\n }\n}\n\n#face .eye.right {\n left: 5.3125vw;\n}\n\n@media (max-width: 640px) {\n #face .eye.right {\n left: 24.8175vw;\n }\n}\n\n#face .mouth {\n width: 5.625vw;\n height: 2.8125vw;\n z-index: 2;\n background-color: #704033;\n border-radius: 0 0 2.8125vw 2.8125vw;\n position: absolute;\n top: 4.6875vw;\n left: 1.5625vw;\n overflow: hidden;\n transform: translateZ(.625vw);\n box-shadow: 0 0 1.04167vw #0000001a;\n}\n\n@media (max-width: 640px) {\n #face .mouth {\n width: 26.2774vw;\n height: 13.1387vw;\n border-radius: 0 0 13.1387vw 13.1387vw;\n top: 21.8978vw;\n left: 7.29927vw;\n transform: translateZ(2.91971vw);\n }\n}\n\n#face .mouth:after {\n content: \" \";\n width: 3.125vw;\n height: 3.125vw;\n background-color: #bf6a51;\n border-radius: 50%;\n display: block;\n position: absolute;\n top: 1.25vw;\n left: .3125vw;\n}\n\n@media (max-width: 640px) {\n #face .mouth:after {\n width: 14.5985vw;\n height: 14.5985vw;\n top: 5.83942vw;\n left: 1.45985vw;\n }\n}\n\n/*# sourceMappingURL=index.831b70fa.css.map */\n","@import 'reset';\n@import 'variables';\n@import 'global';\n@import 'face';\n","@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&display=swap');\n\n* {\n -webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n cursor:url(https://i.imgur.com/WzrBWep.png), auto;\n}\n\nbody {\n background: $black;\n color: $text;\n font-family: $font-family;\n font-size: 14px;\n}\n\n.header{ \n margin: vw(80) 0 vw(80) vw(320);\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n \n @media (max-width: $size-notebook) {\n margin: vw(80, notebook) 0 vw(80, notebook) vw(160, notebook);\n }\n \n @media (max-width: $size-mobile) {\n margin: vw(80, mobile) vw(20, mobile);\n\n flex-direction: column;\n }\n\n &__text {\n margin-top: vw(142);\n\n @media (max-width: $size-notebook) {\n margin-top: vw(142, notebook);\n }\n\n @media (max-width: $size-mobile) {\n margin: vw(24, mobile) 0 0 vw(48, mobile);\n }\n }\n\n &__name {\n font-size: font-size(48);\n font-weight: bold;\n color: $title;\n margin-bottom: vw(8);\n \n @media (max-width: $size-notebook) {\n margin-bottom: vw(8, notebook);\n }\n \n @media (max-width: $size-mobile) {\n margin-bottom: vw(8, mobile);\n }\n }\n\n &__position {\n font-size: font-size(16);\n letter-spacing: letter-spacing(140);\n margin-bottom: vw(16);\n \n @media (max-width: $size-notebook) {\n margin-bottom: vw(16, notebook);\n }\n \n @media (max-width: $size-mobile) {\n letter-spacing: letter-spacing(20);\n margin-bottom: vw(8, mobile);\n }\n }\n\n &__portfolio {\n font-size: font-size(16);\n letter-spacing: letter-spacing(40);\n margin-bottom: vw(24);\n \n @media (max-width: $size-notebook) {\n margin-bottom: vw(24, notebook);\n }\n \n @media (max-width: $size-mobile) {\n margin-bottom: vw(16, mobile);\n }\n\n a {\n color: $primary;\n text-decoration: none;\n \n &:hover {\n text-decoration: underline;\n }\n }\n }\n}\n\n.social {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n margin-bottom: vw(16);\n\n @media (max-width: $size-notebook) {\n margin-bottom: vw(16, notebook);\n }\n \n @media (max-width: $size-mobile) {\n margin-bottom: vw(8, mobile);\n margin-left: vw(-8, mobile);\n }\n\n &__link {\n display: block;\n text-decoration: none;\n color: inherit;\n margin-right: vw(16);\n transition: opacity 200ms ease-in-out;\n \n @media (max-width: $size-notebook) {\n margin-right: vw(16, notebook);\n }\n \n @media (max-width: $size-mobile) {\n padding: vw(8, mobile);\n margin-right: vw(8, mobile);\n }\n\n &:hover {\n opacity: 0.6;\n }\n }\n}\n\n.content {\n width: vw(790);\n margin: 0 0 vw(160) vw(810);\n\n @media (max-width: $size-notebook) {\n width: vw(480, notebook);\n margin: 0 0 vw(160, notebook) vw(610, notebook);\n }\n\n @media (max-width: $size-tube) {\n width: vw(640, notebook);\n margin: 0 0 vw(160, notebook) vw(302, notebook);\n }\n\n @media (max-width: $size-mobile) {\n width: vw(300, mobile);\n margin: 0 0 vw(160, mobile) vw(88, mobile);\n }\n\n &__title {\n font-size: font-size(24);\n font-weight: bold;\n color: $primary;\n margin-bottom: vw(16);\n margin-bottom: vw(80);\n \n @media (max-width: $size-notebook) {\n margin-bottom: vw(80, notebook);\n }\n \n @media (max-width: $size-mobile) {\n margin-bottom: vw(80, mobile);\n }\n }\n}\n\n.year{\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n margin-bottom: vw(80);\n \n @media (max-width: $size-notebook) {\n margin-bottom: vw(80, notebook);\n }\n \n @media (max-width: $size-mobile) {\n margin-bottom: vw(80, mobile);\n }\n\n &__title {\n font-size: vw(18);\n font-weight: bold;\n color: $primary;\n margin: vw(8) vw(80) 0 0;\n \n @media (max-width: $size-notebook) {\n font-size: vw(18, notebook);\n margin: vw(8, notebook) vw(80, notebook) 0 0;\n }\n \n @media (max-width: $size-mobile) {\n font-size: vw(18, mobile);\n margin: vw(8, mobile) vw(40, mobile) 0 0;\n }\n }\n\n &__nav {\n font-size: font-size(16);\n line-height: font-size(22);\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n grid-gap: vw(8);\n \n @media (max-width: $size-notebook) {\n grid-gap: vw(8, notebook);\n }\n \n @media (max-width: $size-mobile) {\n grid-template-columns: repeat(2, 1fr);\n grid-gap: vw(8, mobile);\n }\n }\n\n &__link {\n display: block;\n color: $text;\n text-decoration: none;\n transition: opacity 200ms ease-in-out;\n padding: vw(8);\n \n @media (max-width: $size-notebook) {\n padding: vw(8, notebook);\n }\n \n @media (max-width: $size-mobile) {\n padding: vw(8, mobile);\n }\n \n &:hover {\n opacity: 0.6;\n }\n }\n\n &__via {\n font-size: font-size(12);\n color: $title;\n }\n}\n\n.footer {\n width: vw(790);\n margin: 0 0 vw(80) vw(810);\n\n @media (max-width: $size-notebook) {\n width: vw(480, notebook);\n margin: 0 0 vw(80, notebook) vw(610, notebook);\n }\n\n @media (max-width: $size-tube) {\n width: vw(640, notebook);\n margin: 0 0 vw(80, notebook) vw(302, notebook);\n }\n\n @media (max-width: $size-mobile) {\n width: vw(300, mobile);\n margin: 0 0 vw(80, mobile) vw(88, mobile);\n }\n}","html, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed, \nfigure, figcaption, footer, header, hgroup, \nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tfont-size: 100%;\n\tfont: inherit;\n\tvertical-align: baseline;\n}\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure, \nfooter, header, hgroup, menu, nav, section {\n\tdisplay: block;\n}\nbody {\n\tline-height: 1;\n}\nol, ul {\n\tlist-style: none;\n}\nblockquote, q {\n\tquotes: none;\n}\nblockquote:before, blockquote:after,\nq:before, q:after {\n\tcontent: '';\n\tcontent: none;\n}\ntable {\n\tborder-collapse: collapse;\n\tborder-spacing: 0;\n}\n","@use \"sass:math\";\n\n// COLORS\n$primary: #d7fe62;\n$title: #e9e9e9;\n$text: #e9e9e9;\n$black: #282828;\n$red:#bf6a51;\n$brown:#704033;\n\n// FONT\n$font-family: 'Space Grotesk', sans-serif;\n\n// SCREENS\n$size-notebook: 1440px;\n$size-tube: 1024px;\n$size-mobile: 640px;\n\n// FUNCTIONS\n@function font-size($pixel) {\n $rem: math.div($pixel, 16);\n @return $rem * 1rem; \n}\n\n@function letter-spacing($value) {\n $em: math.div($value, 1000);\n @return $em * 1em;\n}\n\n@function vw($pixel, $screen: 'desktop') {\n $base: 1920;\n\n @if ($screen == 'notebook') {\n $base: 1280;\n }\n\n @if ($screen == 'mobile') {\n $base: 411;\n }\n\n $vw: math.div($pixel * 100, $base);\n @return $vw * 1vw;\n}\n","$sizeFactor: 0.3;\n\n#face{\n pointer-events: none;\n position: relative;\n width: vw(560 * $sizeFactor);\n height: vw(560 * $sizeFactor);\n border-radius: 50%;\n background-color: $primary;\n box-shadow: 0 0 vw(10) rgba(0,0,0,.1);\n\n backface-visibility: hidden;\n transform-style: preserve-3d;\n transform: translateZ(0);\n \n @media (max-width: $size-mobile) {\n width: vw(560 * $sizeFactor, mobile);\n height: vw(560 * $sizeFactor, mobile);\n }\n \n &:after{\n content: \" \";\n position: absolute;\n width: 100%;\n height: vw(20 * $sizeFactor);\n border-radius: 50%;\n left: 0;\n bottom: vw(-100 * $sizeFactor);\n box-shadow: 0 vw(60) vw(80) rgba(0,0,0,.1);\n \n @media (max-width: $size-mobile) {\n height: vw(20 * $sizeFactor, mobile);\n bottom: vw(-100 * $sizeFactor, mobile);\n }\n }\n\n .eye{\n width: vw(60 * $sizeFactor);\n height: vw(120 * $sizeFactor);\n border-radius: 50%;\n background-color: $brown;\n transform: translateZ(vw(60 * $sizeFactor));\n box-shadow: 0 0 vw(20) rgba(0,0,0,.1);\n\n position: absolute;\n top: vw(120 * $sizeFactor);\n z-index: 2;\n\n @media (max-width: $size-mobile) {\n width: vw(60 * $sizeFactor, mobile);\n height: vw(120 * $sizeFactor, mobile);\n transform: translateZ(vw(60 * $sizeFactor), mobile);\n top: vw(120 * $sizeFactor, mobile);\n }\n\n &.left{\n left: vw(170 * $sizeFactor);\n \n @media (max-width: $size-mobile) {\n left: vw(170 * $sizeFactor, mobile);\n }\n }\n\n &.right{\n left: vw(340 * $sizeFactor);\n \n @media (max-width: $size-mobile) {\n left: vw(340 * $sizeFactor, mobile);\n }\n }\n }\n \n .mouth{\n width: vw(360 * $sizeFactor);\n height: vw(180 * $sizeFactor);\n background-color: $brown;\n transform: translateZ(vw(40 * $sizeFactor));\n overflow: hidden;\n box-shadow: 0 0 vw(20) rgba(0,0,0,.1);\n \n position: absolute;\n top: vw(300 * $sizeFactor);\n left: vw(100 * $sizeFactor);\n z-index: 2;\n border-radius: 0 0 vw(180 * $sizeFactor) vw(180 * $sizeFactor);\n \n @media (max-width: $size-mobile) {\n width: vw(360 * $sizeFactor, mobile);\n height: vw(180 * $sizeFactor, mobile);\n transform: translateZ(vw(40 * $sizeFactor, mobile));\n top: vw(300 * $sizeFactor, mobile);\n left: vw(100 * $sizeFactor, mobile);\n border-radius: 0 0 vw(180 * $sizeFactor, mobile) vw(180 * $sizeFactor, mobile);\n }\n \n &:after{\n content: ' ';\n display: block;\n width: vw(200 * $sizeFactor);\n height: vw(200 * $sizeFactor);\n border-radius: 50%;\n background-color: $red;\n \n position: absolute;\n top: vw(80 * $sizeFactor);\n left: vw(20 * $sizeFactor);\n \n @media (max-width: $size-mobile) {\n width: vw(200 * $sizeFactor, mobile);\n height: vw(200 * $sizeFactor, mobile);\n top: vw(80 * $sizeFactor, mobile);\n left: vw(20 * $sizeFactor, mobile);\n }\n }\n }\n}"],"names":[],"version":3,"file":"index.831b70fa.css.map"}