-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathjackyrusly.044188fd.css.map
More file actions
1 lines (1 loc) · 9.54 KB
/
jackyrusly.044188fd.css.map
File metadata and controls
1 lines (1 loc) · 9.54 KB
1
{"version":3,"sources":["src\\components\\Home\\Home.scss","src\\components\\Skill\\Skill.scss","src\\components\\Portfolio\\Portfolio.scss","src\\components\\Biography\\Biography.scss","src\\components\\Social\\Social.scss","src\\components\\Footer\\Footer.scss","src\\App.scss"],"names":[],"mappings":"AAAA,gBACE,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,sBAAuB,CACvB,gBAAiB,CACjB,UAAY,CANd,wBASI,WAAY,CACZ,iBAAkB,CAClB,oCAAwC,CAX5C,4BAeI,iBAAkB,CAClB,cAAe,CACf,eAAiB,CACjB,kBAAwB,CAlB5B,kCAsBI,iBAAkB,CAClB,cAAe,CAvBnB,6BA2BI,aAAc,CACd,kBAAmB,CACnB,WAAY,CACZ,cAAe,CACf,kBAAoB,CACpB,gBAAiB,CACjB,kBAAmB,CACnB,eAAgB,CAChB,YAAa,CACb,oBAAqB,CApCzB,mCAuCM,aAAc,CACd,wBAAyB,CAK/B,oCACE,4BACE,cAAe,CACf,kBAAwB,CAG1B,kCACE,cAAe,CAChB,CAGH,qCACE,4BACE,cAAe,CACf,kBAAwB,CAG1B,kCACE,cAAe,CAChB,CChEH,iBACE,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,sBAAuB,CACvB,gBAAiB,CACjB,UAAY,CACZ,WAAY,CACZ,uBAAwB,CAExB,oCAVF,iBAWI,wBAAyB,CAwC5B,CArCC,qCAdF,iBAeI,wBAAyB,CAoC5B,CAnDD,gCAmBI,mCAA0C,CAC1C,UAAW,CACX,gBAAiB,CACjB,iBAAkB,CAClB,mBAAoB,CACpB,kBAAmB,CAxBvB,mCA2BM,aAAc,CACd,eAAgB,CA5BtB,iDAgCM,eAAgB,CAhCtB,4CAoCM,aAAc,CACd,6BAA8B,CAC9B,wBAAyB,CACzB,iBAAkB,CAClB,oBAAqB,CACrB,gBAAiB,CACjB,uBAAwB,CACxB,cAAe,CACf,cAAgB,CA5CtB,kDAgDM,wBAAyB,CChD/B,qBACE,YAAa,CACb,qBAAsB,CAEtB,gBAAiB,CACjB,UAAY,CACZ,sBAAiB,CANnB,wCASI,YAAa,CACb,cAAe,CACf,sBAAuB,CACvB,WAAY,CACZ,uBAAwB,CAExB,oCAfJ,wCAgBM,wBAAyB,CA6D5B,CA1DC,qCAnBJ,wCAoBM,wBAAyB,CAyD5B,CA7EH,wDAwBM,gBAAiB,CACjB,eAAiB,CACjB,aAAuB,CACvB,kBAAwB,CACxB,YAAa,CACb,iBAAkB,CAClB,kBAAmB,CACnB,cAAgB,CA/BtB,8DAmCM,qCAA0C,CAnChD,8DAuCM,gBAAiB,CAvCvB,oEA2CM,WAAY,CACZ,eAAgB,CAChB,eAAiB,CACjB,mBAAoB,CA9C1B,8DAkDM,eAAgB,CAlDtB,gEAsDM,YAAmB,CAtDzB,8DA0DM,eAAgB,CAChB,YAAa,CACb,sBAAuB,CA5D7B,gEAgEM,oBAAqB,CACrB,eAAgB,CAChB,YAAa,CACb,aAAc,CACd,aAAe,CACf,gBAAiB,CACjB,cAAgB,CAtEtB,sEA0EM,UAAY,CACZ,wBAAyB,CC3E/B,qBACE,UAAY,CAEZ,gBAAiB,CACjB,sBAAiB,CACjB,uBAAwB,CAExB,oCAPF,qBAQI,wBAAyB,CA+D5B,CA5DC,qCAXF,qBAYI,wBAAyB,CA2D5B,CAvED,mCAgBI,aAAe,CAhBnB,iCAoBI,iBAAkB,CAClB,iBAAkB,CAClB,6BAA8B,CAC9B,gBAAiB,CACjB,mBAAoB,CACpB,gBAAiB,CAzBrB,+CA6BI,wBAAyB,CACzB,kBAAmB,CA9BvB,wDAkCI,wBAAyB,CAlC7B,uCAsCI,iBAAkB,CAClB,UAAW,CACX,SAAU,CACV,iBAAkB,CAClB,kBAAmB,CACnB,oBAAqB,CACrB,gBAAiB,CACjB,iBAAkB,CAClB,SAAU,CACV,eAAiB,CACjB,UAAY,CACZ,cAAe,CACf,qBAAsB,CAlD1B,gDAsDI,iBAAkB,CAClB,wBAAyB,CACzB,iBAAkB,CAClB,yBAA0B,CAzD9B,mDA6DI,wBAAyB,CACzB,eAAgB,CAChB,aAAc,CACd,eAAgB,CAhEpB,wDAoEI,YAAa,CACb,aAAgB,CCrEpB,kBACE,YAAa,CACb,cAAe,CACf,kBAAmB,CACnB,sBAAuB,CACvB,gBAAiB,CALnB,uBAQI,eAAgB,CAChB,UAAY,CAThB,oBAaI,WAAY,CAbhB,0BAiBI,mBAAoB,CAIxB,oCACE,uBACE,eAAgB,CACjB,CAGH,oCACE,uBACE,aAAc,CACf,CAGH,oCACE,uBACE,eAAgB,CACjB,CAGH,qCACE,uBACE,aAAc,CACf,CAGH,kBACE,cAIE,+BAAgC,CAChC,uBAAwB,CAE1B,IACE,mCAAoC,CACpC,2BAA4B,CAE9B,IACE,mCAAoC,CACpC,2BAA4B,CAAA,CC3DhC,gBAEE,UAAY,CACZ,kBAAoB,CCHtB,KACE,wBAAiC,CACjC,wDAA2E,CAC3E,wBAA4B,CAC5B,QAAW,CAGb,GACE,iBAAkB,CAClB,gBAAiB,CAGnB,OACE,cAAe,CACf,UAAW,CAGb,QACE,iBAAkB,CAGpB,KACC,YAAa,CACb,qBAAsB","file":"jackyrusly.044188fd.css","sourceRoot":"..","sourcesContent":["#home-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n color: white;\n\n #avatar {\n width: 140px;\n border-radius: 15%;\n box-shadow: 0 0 0 2px rgba(0, 0, 0, .14);\n }\n\n #home-title {\n text-align: center;\n font-size: 40px;\n font-weight: bold;\n margin: 15px 18px 0 18px;\n }\n\n #home-description {\n text-align: center;\n font-size: 19px;\n }\n\n #home-button {\n color: #455a64;\n background: #e8e8e8;\n border: none;\n cursor: pointer;\n transition: all 0.2s;\n padding: 8px 16px;\n border-radius: 40px;\n margin-top: 16px;\n outline: none;\n text-decoration: none;\n\n &:hover {\n color: #e8e8e8;\n background-color: #455a64;\n }\n }\n}\n\n@media screen and (min-width: 768px) {\n #home-container #home-title {\n font-size: 45px;\n margin: 20px 24px 0 24px;\n }\n\n #home-container #home-description {\n font-size: 22px;\n }\n}\n\n@media screen and (min-width: 1024px) {\n #home-container #home-title {\n font-size: 50px;\n margin: 25px 30px 0 30px;\n }\n\n #home-container #home-description {\n font-size: 25px;\n }\n}\n","#skill-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n color: white;\n margin: auto;\n width: calc(100% - 5rem);\n \n @media screen and (min-width: 768px) {\n width: calc(100% - 15rem);\n }\n\n @media screen and (min-width: 1024px) {\n width: calc(100% - 20rem);\n }\n\n #skill-wrapper {\n background-color: rgba(255, 255, 255, 0.5);\n width: 100%;\n min-height: 500px;\n padding-left: 10px;\n padding-bottom: 10px;\n border-radius: 10px;\n\n h2 {\n color: #455a64;\n margin-bottom: 0;\n }\n\n h2:first-of-type {\n margin-top: 10px;\n }\n\n .skill-item {\n color: #455a64;\n border-left: 4px solid #455a64;\n background-color: #e8e8e8;\n border-radius: 5px;\n display: inline-block;\n padding: 5px 10px;\n margin: 10px 10px 10px 0;\n cursor: pointer;\n transition: 0.3s;\n }\n\n .skill-item:hover {\n background-color: #dbdada;\n }\n }\n}","#portfolio-container {\n display: flex;\n flex-direction: column;\n margin: auto;\n min-height: 100vh;\n color: white;\n margin-top: 200px;\n\n #portfolio-wrapper {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n margin: auto;\n width: calc(100% - 5rem);\n \n @media screen and (min-width: 768px) {\n width: calc(100% - 15rem);\n }\n \n @media screen and (min-width: 1024px) {\n width: calc(100% - 20rem);\n }\n \n .portfolio-item {\n flex-basis: 300px;\n background: white;\n color: rgb(69, 90, 100);\n margin: 0 15px 30px 15px;\n padding: 20px;\n text-align: center;\n border-radius: 10px;\n transition: 0.3s;\n }\n \n .portfolio-item:hover {\n box-shadow: 0 14px 28px rgba(0, 0, 0, 0.4);\n }\n \n .portfolio-item-title {\n font-size: 1.2rem;\n }\n \n .portfolio-item-description {\n height: 40px;\n margin-top: 20px;\n font-size: 0.9rem;\n line-height: 1.25rem;\n }\n \n .portfolio-item-icons {\n margin-top: 20px;\n }\n \n .portfolio-item-icons i {\n margin: 0 5px 0 5px;\n }\n \n .portfolio-item-links {\n margin-top: 20px;\n display: flex;\n justify-content: center;\n }\n \n .portfolio-item-links a {\n text-decoration: none;\n flex-basis: auto;\n margin: 0 8px;\n padding: 0 8px;\n color: darkcyan;\n border: 1px solid;\n transition: 0.5s;\n }\n \n .portfolio-item-links a:hover {\n color: white;\n background-color: #455a64;\n }\n }\n}\n","#biography-container {\n color: white;\n margin: auto;\n min-height: 100vh;\n margin-top: 200px;\n width: calc(100% - 5rem);\n \n @media screen and (min-width: 768px) {\n width: calc(100% - 15rem);\n }\n\n @media screen and (min-width: 1024px) {\n width: calc(100% - 20rem);\n }\n\n .item-event a {\n color: darkcyan;\n }\n\n .item-event {\n position: relative;\n padding-left: 15px;\n border-left: 3px solid #e1e1e1;\n margin-left: 25px;\n padding-bottom: 30px;\n padding-top: 10px;\n }\n\n .item-event.current .date {\n border: 5px solid #4B6F78;\n background: #4B6F78;\n }\n\n .item-event.current .event-content {\n border: 3px solid #4B6F78;\n }\n\n .item-event .date {\n position: absolute;\n left: -32px;\n top: -10px;\n border-radius: 50%;\n background: #63A4B5;\n display: inline-block;\n padding: 12px 7px;\n text-align: center;\n z-index: 2;\n font-weight: bold;\n color: white;\n font-size: 16px;\n border: 5px solid #fff;\n }\n\n .item-event .event-content {\n position: relative;\n border: 3px solid #e1e1e1;\n padding: 10px 20px;\n border-radius: 0 10px 10px;\n }\n\n .item-event .event-content h5 {\n text-transform: uppercase;\n font-weight: 700;\n color: #63A4B5;\n margin-bottom: 0;\n }\n\n .item-event .event-content .period {\n margin-top: 0;\n color: lightgray;\n }\n}","#social-container {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n\n .fab {\n flex-basis: auto;\n color: white;\n }\n\n a {\n margin: 20px;\n }\n\n a:hover {\n animation: bounce 1s;\n }\n}\n\n@media screen and (min-width: 355px) {\n #social-container .fab {\n font-size: 2.1em;\n }\n}\n\n@media screen and (min-width: 555px) {\n #social-container .fab {\n font-size: 3em;\n }\n}\n\n@media screen and (min-width: 768px) {\n #social-container .fab {\n font-size: 3.5em;\n }\n}\n\n@media screen and (min-width: 1024px) {\n #social-container .fab {\n font-size: 4em;\n }\n}\n\n@keyframes bounce {\n 0%,\n 20%,\n 60%,\n 100% {\n -webkit-transform: translateY(0);\n transform: translateY(0);\n }\n 40% {\n -webkit-transform: translateY(-20px);\n transform: translateY(-20px);\n }\n 80% {\n -webkit-transform: translateY(-10px);\n transform: translateY(-10px);\n }\n}","footer,\nfooter a {\n color: white;\n margin-bottom: 0.5em;\n}","body {\n background-color: rgb(40, 61, 71);\n background-image: linear-gradient(-90deg, rgb(26, 37, 41), rgb(62, 87, 99));\n font-family: 'Atma', cursive;\n margin: 0px;\n}\n\nh1 {\n text-align: center;\n font-size: 2.5rem;\n}\n\ncanvas {\n position: fixed;\n z-index: -1;\n}\n\n.center {\n text-align: center;\n}\n\n#app {\n display: flex;\n flex-direction: column; \n}\n"]}