:star:rewrite-angular

1 files changed, 0 insertions, 1 deletions

diff --git a/build/static/css/main.3fd41256.chunk.css.map b/build/static/css/main.3fd41256.chunk.css.map
deleted file mode 100644
index 40ef252..0000000
--- a/build/static/css/main.3fd41256.chunk.css.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"sources":["style.css","projects.css","work-categories.css"],"names":[],"mappings":"AACA,EACI,wBAAyB,CAEzB,0BAA2B,CAC3B,mBAAoB,CACvB,oBAAiB,CAAjB,gBACD,CAEA,UACC,QAAS,CACT,SAAU,CACV,UAAW,CACX,WAAY,CACZ,mCAAqC,CACrC,4BAA8B,CAC9B,oBACD,CAEA,YACC,UAAW,CACX,YACD,CAEA,wBACC,YACC,YACD,CACD,CAGA,MACC,UAAW,CACX,OAAQ,CACR,WAAY,CACZ,0CAAiD,CACjD,iBAAkB,CAClB,kBAAmB,CACnB,eAAgB,CAChB,0BACD,CAEA,iBACC,wGACgD,CADhD,gGAED,CAEA,8BACC,GACC,OACD,CAAE,GACD,YACD,CACD,CANA,sBACC,GACC,OACD,CAAE,GACD,YACD,CACD,CAEA,wBACC,8BACC,GACC,OACD,CAAE,GACD,YACD,CACD,CANA,sBACC,GACC,OACD,CAAE,GACD,YACD,CACD,CACD,CAEA,mCACC,GACC,sCACD,CAAE,GACD,8BACD,CACD,CANA,2BACC,GACC,sCACD,CAAE,GACD,8BACD,CACD,CAGA,IACC,UAAW,CACX,kBAAmB,CACnB,WAAY,CACZ,cAAe,CACf,SACD,CAEA,WACC,UAAW,CACX,aAAc,CACd,gBAAiB,CACjB,gBAAiB,CACjB,eACD,CAEA,aACC,UAAW,CACX,2BACD,CAEA,mBACC,oBACD,CAEA,UACC,UAAW,CACX,UAAW,CACX,cACD,CAEA,aACC,iBAAkB,CAClB,oBAAqB,CACrB,cAAe,CACf,eAAgB,CAChB,gBAAiB,CACjB,iBAAkB,CAClB,2BACD,CAEA,kBACC,eACD,CAEA,eACC,UAAW,CACX,cACD,CAEA,qBACC,oBAAqB,CACrB,cACD,CAEA,mBAAqB,kBAAmB,CAAE,mBAAsB,CAChE,mBAAqB,eAAiB,CAAE,qBAAwB,CAChE,mBAAqB,iBAAkB,CAAE,sCAA2C,CACpF,mBAAqB,mCAAqC,CAAE,kEAAwE,CACpI,mBAAqB,eAAgB,CAAE,oEAA0E,CAEjH,QAEC,UAAW,CACX,QAAS,CAGT,UAAW,CACX,WAAY,CAEZ,WAAY,CACZ,2BAA6B,CAC7B,iBAAkB,CAClB,SACD,CAEA,mBAdC,iBAAkB,CAGlB,eAAgB,CAChB,SAAU,CAGV,cAeD,CARA,WAEC,UAAW,CAIX,QAAS,CACT,gBACD,CAEA,QACC,SAAU,CACV,KAAQ,CACR,cAAe,CACf,kBAAmB,CACnB,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,SAAU,CACV,0BACD,CAEA,cACC,WAAY,CACZ,iBAAkB,CAClB,QAAS,CACT,0BAA2B,CAC3B,iBAAkB,CAClB,kBAAmB,CACnB,qBACD,CAEA,iBACC,aAAc,CACd,iBAAkB,CAClB,cAAe,CACf,cAAe,CACf,eAAgB,CAChB,eAAiB,CACjB,cAAe,CACf,2BACD,CAEA,uBACC,gBACD,CAEA,mBACC,UACD,CAEA,yBACC,oBACD,CAEA,eACC,kBAAmB,CACnB,SACD,CAEA,wBACC,QACC,kBAAmB,CACnB,SAAU,CACV,cAAe,CACf,gBACD,CAEA,WACC,gBACD,CAEA,QACC,cAAe,CACf,eACD,CAEA,gBACC,kBACD,CAEA,UACC,YACD,CACD,CAEA,wBACC,QACC,2BACD,CACD,CAcA,MACC,YAAa,CACb,YAAa,CACb,kBAAmB,CACnB,sBACD,CAEA,SACC,mBAAoB,CACpB,iBAAkB,CAClB,mBAAoB,CACpB,gBACD,CAEA,wBACC,WACC,cACD,CACD,CAGA,aACC,iBAAkB,CAClB,QAAS,CACT,YAAa,CACb,aAAc,CACd,iBAAkB,CAClB,cAAe,CACf,SAAU,CACV,oBAAqB,CACrB,aAAc,CACd,UAAW,CACX,WAAY,CACZ,4BAA6B,CAC7B,2BAA4B,CAE5B,uCAA2C,CAC3C,sEAAoE,CAApE,8DACD,CAEA,kCACC,GACC,yCAA4C,CAC5C,SACD,CACA,IACC,SACD,CACA,GACC,wCAA2C,CAC3C,SACD,CACD,CAZA,0BACC,GACC,yCAA4C,CAC5C,SACD,CACA,IACC,SACD,CACA,GACC,wCAA2C,CAC3C,SACD,CACD,CAGA,GACC,iBACD,CAEA,UACC,eAAgB,CAChB,0BAA2B,CAC3B,WAAY,CACZ,iBAAkB,CAClB,QACD,CAEA,SACC,YACD,CAQA,wBACC,SACC,mBAAq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","file":"main.3fd41256.chunk.css","sourcesContent":["/* ---- Basic Styling ---- */\r\n* {\r\n    -webkit-user-select: none;\r\n    -khtml-user-select: none;\r\n    -moz-user-select: -moz-none;\r\n    -o-user-select: none;\r\n\tuser-select: none;\r\n}\r\n\r\nhtml, body {\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tfont-family: \"Roboto Mono\" !important;\r\n\tbackground: #0f0f0f !important;\r\n\tcolor: #fff !important;\r\n}\r\n\r\n.whitespace {\r\n\twidth: 100%;\r\n\theight: 100px;\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\t.whitespace {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n/* ---- Typewriter Effect ---- */\r\n.line {\r\n\twidth: 24em;\r\n\ttop: 50%;\r\n\tmargin: auto;\r\n\tborder-right: 2px solid rgba(255, 255, 255, 0.75);\r\n\ttext-align: center;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n\ttransform: translateY(-50%);\r\n}\r\n\r\n.anim-typewriter {\r\n\tanimation: typewriter 4s steps(46) 1s 1 normal both,\r\n\t\tblinkTextCursor 500ms steps(46) infinite normal;\r\n}\r\n\r\n@keyframes typewriter {\r\n\tfrom {\r\n\t\twidth: 0;\r\n\t} to {\r\n\t\twidth: 11.5em; /* 11.5em */\r\n\t}\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\t@keyframes typewriter {\r\n\t\tfrom {\r\n\t\t\twidth: 0;\r\n\t\t} to {\r\n\t\t\twidth: 10.5em; /* 10.5em */\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes blinkTextCursor {\r\n\tfrom {\r\n\t\tborder-right-color: rgba(255, 255, 255, 0.75);\r\n\t} to {\r\n\t\tborder-right-color: transparent;\r\n\t}\r\n}\r\n\r\n/* ---- Navigation ---- */\r\nnav {\r\n\twidth: 100%;\r\n\tbackground: #0f0f0f;\r\n\theight: 80px;\r\n\tposition: fixed;\r\n\tz-index: 1;\r\n}\r\n\r\nnav #brand {\r\n\tfloat: left;\r\n\tdisplay: block;\r\n\tmargin-left: 82px;\r\n\tline-height: 80px;\r\n\tfont-weight: bold;\r\n}\r\n\r\nnav #brand a {\r\n\tcolor: #fff;\r\n\ttransition: all 0.3s ease-out;\r\n}\r\n\r\nnav #brand a:hover {\r\n\ttext-decoration: none;\r\n}\r\n\r\nnav #menu {\r\n\tfloat: left;\r\n\tright: 80px;\r\n\tposition: fixed;\r\n}\r\n\r\nnav #menu li {\r\n\tpadding-left: 30px; /* 40px */\r\n\tdisplay: inline-block;\r\n\tcursor: pointer;\r\n\tfont-weight: 300;\r\n\tline-height: 80px;\r\n\tposition: relative;\r\n\ttransition: all 0.3s ease-out;\r\n}\r\n\r\nnav #menu li span {\r\n\tfont-weight: 700;\r\n}\r\n\r\nnav #menu li a {\r\n\tcolor: #fff;\r\n\ttransition: 0.5s;\r\n}\r\n\r\nnav #menu li a:hover {\r\n\ttext-decoration: none;\r\n\ttransition: 0.5s;\r\n}\r\n\r\n#menu-item-1:hover { letter-spacing: 1px; font-family: cursive; }\r\n#menu-item-2:hover { font-weight: bold; font-family: monospace; }\r\n#menu-item-3:hover { font-style: italic; font-family: Arial, Helvetica, sans-serif; }\r\n#menu-item-4:hover { text-decoration: underline !important; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; }\r\n#menu-item-5:hover { font-style: bold; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; }\r\n\r\n#toggle {\r\n\tposition: absolute;\r\n\tright: 30px;\r\n\ttop: 20px;\r\n\tfont-weight: 300;\r\n\tz-index: 2;\r\n\twidth: 30px;\r\n\theight: 30px;\r\n\tcursor: pointer;\r\n\tfloat: right;\r\n\ttransition: all 0.3s ease-out;\r\n\tvisibility: hidden;\r\n\topacity: 0;\r\n}\r\n\r\n.close-btn {\r\n\tposition: absolute;\r\n\tright: 16px;\r\n\tfont-weight: 300;\r\n\tz-index: 2;\r\n\tcursor: pointer;\r\n\ttop: -2px;\r\n\tline-height: 80px;\r\n}\r\n\r\n#resize {\r\n\tz-index: 1;\r\n\ttop: 0px;\r\n\tposition: fixed;\r\n\tbackground: #0f0f0f;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tvisibility: hidden;\r\n\topacity: 0;\r\n\ttransition: all 1s ease-out;\r\n}\r\n\r\n#resize #menu {\r\n\theight: 90px;\r\n\tposition: absolute;\r\n\tleft: 43%;\r\n\ttransform: translateX(-40%);\r\n\ttext-align: center;\r\n\tdisplay: table-cell;\r\n\tvertical-align: center;\r\n}\r\n\r\n#resize #menu li {\r\n\tdisplay: block;\r\n\ttext-align: center;\r\n\tpadding: 10px 0;\r\n\tfont-size: 50px;\r\n\tmin-height: 50px;\r\n\tfont-weight: bold;\r\n\tcursor: pointer;\r\n\ttransition: all 0.3s ease-out;\r\n}\r\n\r\n#resize li:nth-child(1) {\r\n\tmargin-top: 100px; /* 140px */\r\n}\r\n\r\n#resize #menu li a {\r\n\tcolor: #fff;\r\n}\r\n\r\n#resize #menu li a:hover {\r\n\ttext-decoration: none;\r\n}\r\n\r\n#resize.active {\r\n\tvisibility: visible;\r\n\topacity: 1;\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\t#toggle {\r\n\t\tvisibility: visible;\r\n\t\topacity: 1;\r\n\t\tmargin-top: 6px;\r\n\t\tmargin-right: 4px;\r\n\t}\r\n\r\n\tnav #brand {\r\n\t\tmargin-left: 24px;\r\n\t}\r\n\r\n\t#menu a {\r\n\t\tfont-size: 20px;\r\n\t\tfont-weight: 300;\r\n\t}\r\n\r\n\t#resize li span {\r\n\t\tfont-weight: bolder;\r\n\t}\r\n\r\n\tnav #menu {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n@media(min-width: 768px) {\r\n\t#resize {\r\n\t\tvisibility: hidden !important;\r\n\t}\r\n}\r\n\r\n/* .blur {\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\twidth: 100%;\r\n\tmin-height: 50px;\r\n\tmargin-bottom: 20px;\r\n\tbackground: rgba(15, 15, 15, 1);\r\n\tz-index: 1010;\r\n\tfilter: blur(20px);\r\n} */\r\n\r\n/*--------------- Hero Section --------------- */\r\n.hero {\r\n\theight: 100vh;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n}\r\n\r\n.hero h1 {\r\n\tfont-weight: lighter;\r\n\ttext-align: center;\r\n\tletter-spacing: -2px;\r\n\tline-height: 58px;\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\t.header h1 {\r\n\t\tfont-size: 26px;\r\n\t}\r\n}\r\n\r\n/*--------------- Scroll Down Icon Animation --------------- */\r\n.scroll-down {\r\n\tposition: absolute;\r\n\tleft: 50%;\r\n\tbottom: 100px;\r\n\tdisplay: block;\r\n\ttext-align: center;\r\n\tfont-size: 20px;\r\n\tz-index: 0;\r\n\ttext-decoration: none;\r\n\ttext-shadow: 0;\r\n\twidth: 13px;\r\n\theight: 13px;\r\n\tborder-bottom: 2px solid #fff;\r\n\tborder-right: 2px solid #fff;\r\n\t-webkit-transform: translate(-50%, 0) rotate(45deg);\r\n\ttransform: translate(-50%, 0) rotate(45deg);\r\n\tanimation: fade_move_down 3s cubic-bezier(0.19, 1, 0.22, 1) infinite;\r\n}\r\n\r\n@keyframes fade_move_down {\r\n\t0% {\r\n\t\ttransform: translate(0, -20px) rotate(45deg);\r\n\t\topacity: 0;\r\n\t}\r\n\t50% {\r\n\t\topacity: 1;\r\n\t}\r\n\t100% {\r\n\t\ttransform: translate(0, 20px) rotate(45deg);\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n/*--------------- Projects Section --------------- */\r\nh6 {\r\n\ttext-align: center;\r\n}\r\n\r\n.vertical {\r\n\tmargin-top: 40px;\r\n\tborder-left: 1px solid #fff;\r\n\theight: 80px;\r\n\tposition: absolute;\r\n\tleft: 50%;\r\n}\r\n\r\n.project {\r\n\theight: 500px;\r\n}\r\n\r\n/*--------------- render section --------------- */\r\n\r\n/*--------------- graphic section --------------- */\r\n\r\n/*--------------- category section --------------- */\r\n\r\n@media(max-width: 768px) {\r\n\t.project {\r\n\t\twidth: 90% !important;\r\n\t\tmargin: 14px auto;\r\n\t}\r\n\r\n\t.vertical {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.project1::after, .project2::after, .project3::after, .project4::after,\r\n\t\t.graphic1::after, .graphic2::after, .graphic3::after, .graphic4::after,\r\n\t\t.render1::after, .render2::after, .render3::after, .render4::after, \r\n\t\t.category1::after, .category2::after, .category3::after, .category4::after {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n}\r\n\r\n/*--------------- footer section --------------- */\r\n.collab {\r\n\ttext-align: right;\r\n}\r\n\r\n.collab p {\r\n\tfont-weight: lighter !important;\r\n\tmargin-bottom: 20px;\r\n}\r\n\r\n.hr {\r\n\tbackground: rgba(255, 255, 255, 0.2);\r\n\theight: 1px;\r\n}\r\n\r\n.info h4 {\r\n\tfont-size: 18px;\r\n\tfont-weight: lighter;\r\n}\r\n\r\n.info p {\r\n\tcolor: grey;\r\n\tfont-weight: lighter;\r\n}\r\n\r\n.info li {\r\n\tfont-weight: lighter;\r\n\tcolor: #fff;\r\n\tfont-size: 18px;\r\n\tpadding-left: 20px;\r\n}\r\n\r\n#fb::before {\r\n\tdisplay: inline-block;\r\n\tcontent: '';\r\n\tborder-radius: 100%;\r\n\theight: 4px;\r\n\twidth: 4px;\r\n\tmargin-right: 6px;\r\n\tbackground: #3b5998;\r\n}\r\n\r\n\r\n#ig::before {\r\n\tdisplay: inline-block;\r\n\tcontent: '';\r\n\tborder-radius: 100%;\r\n\theight: 4px;\r\n\twidth: 4px;\r\n\tmargin-right: 6px;\r\n\tbackground: #fcaf45;\r\n}\r\n\r\n\r\n#tw::before {\r\n\tdisplay: inline-block;\r\n\tcontent: '';\r\n\tborder-radius: 100%;\r\n\theight: 4px;\r\n\twidth: 4px;\r\n\tmargin-right: 6px;\r\n\tbackground: #55acee;\r\n}\r\n\r\n\r\n#yt::before {\r\n\tdisplay: inline-block;\r\n\tcontent: '';\r\n\tborder-radius: 100%;\r\n\theight: 4px;\r\n\twidth: 4px;\r\n\tmargin-right: 6px;\r\n\tbackground: #c4302b;\r\n}\r\n\r\n#gh::before {\r\n\tdisplay: inline-block;\r\n\tcontent: '';\r\n\tborder-radius: 100%;\r\n\theight: 4px;\r\n\twidth: 4px;\r\n\tmargin-right: 6px;\r\n\tbackground: #24292e;\r\n}\r\n\r\n#media, #address {\r\n\ttext-align: right;\r\n}\r\n\r\n#media ul {\r\n\tlist-style: none;\r\n}\r\n\r\n#media ul li {\r\n\tdisplay: inline-block;\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\t.collab, #personal, #media, #address {\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t.info ul {\r\n\t\tmargin: 0 0 0 -22px;\r\n\t\tpadding: 0;\r\n\t}\r\n}\r\n\r\n/* Honestly, this took way longer to figure out than it should've. I scoured the internet for so long, at one point, I think\r\n// I had around 20+ tabs open, no idea how I really figured it out, just tried as many solutions until it was solved. - 17:27, 10/20/2018 \r\n*/\r\ndiv #no-h, #personal a, a:hover, #media a, a:hover, #address a, a:hover {\r\n\tcolor: inherit;\r\n\ttext-decoration: none;\r\n\ttransition: 0.5s;\r\n}\r\n\r\n#info-item-1:hover { font-weight: bold; font-family: monospace; }\r\n#media-item-1:hover { text-decoration: underline !important; font-family: Arial, Helvetica, sans-serif; }\r\n#media-item-2:hover { font-style: italic; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; }\r\n#media-item-3:hover { letter-spacing: 1px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; }\r\n#address-item-1:hover {font-style: italic; font-family: cursive; }\r\n\r\n/*--------------- Work Page --------------- */\r\n\r\n.hero-content {\r\n\tmargin-left: 0%;\r\n}\r\n\r\n.hero-content p {\r\n\tfont-weight: 300;\r\n\tline-height: 36px;\r\n\tcolor: grey;\r\n}\r\n\r\n.hero-content h6 {\r\n\ttext-align: left;\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\t.hero-content {\r\n\t\tpadding-top: 50px;\r\n\t\twidth: 96%;\r\n\t\tmargin: 0 auto;\r\n\t}\r\n}\r\n\r\n/*--------------- About Page --------------- */\r\n\r\n.about {\r\n\theight: 500px;\r\n\tmargin-top: 120px;\r\n}\r\n\r\n.image {\r\n\tbackground: url(https://images.unsplash.com/photo-1540885762261-a2ca01f290f9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2468&q=80) no-repeat 50% 70%;\r\n}\r\n\r\n/*--------------- Contact Form --------------- */\r\n\r\n#contact-form {\r\n\tmargin: 5% 1.4%;\r\n}\r\n\r\n#contact-form ul {\r\n\tlist-style: none;\r\n\tborder-radius: 5px;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n#contact-form li {\r\n    padding: 10px;\r\n}\r\n\r\n#contact-form li:last-of-type {\r\n    border-bottom: none;\r\n}\r\n\r\n#contact-form label {\r\n    display: block;\r\n    font-size: .8em;\r\n    color: #999;\r\n    padding-left: 5px;\r\n}\r\n\r\n#contact-form input, #contact-form textarea {\r\n    width: 100%;\r\n    padding: 5px;\r\n    border: none;\r\n    resize: vertical;\r\n    background: transparent;\r\n    color: #fff;\r\n    font-weight: bolder;\r\n}\r\n\r\ninput:focus {\r\n    outline: none;\r\n    border: none;\r\n}\r\n\r\ntextarea:focus {\r\n    outline: none;\r\n    border: none;\r\n}\r\n\r\n.textarea {\r\n    border-bottom: 1px solid #dfdfdf;\r\n}\r\n\r\n.send {\r\n    margin-left: 50px;\r\n    text-transform: uppercase;\r\n    padding: 20px 30px;\r\n    background: transparent;\r\n    color: #dfdfdf;\r\n    font-size: 14px;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n.send:hover {\r\n    background: #dfdfdf;\r\n    color: #101010;\r\n}\r\n\r\n@media(max-width: 768px) {\r\n    #contact-form {\r\n        margin: 5% -8%;\r\n        width: 98%;\r\n    }\r\n}\r\n\r\n/*--------------- Project Page --------------- */\r\n\r\n.prev, .next p {\r\n    color: grey;\r\n}\r\n\r\n.prev p {\r\n    text-align: left;\r\n}\r\n\r\n.next p {\r\n    text-align: right;\r\n}\r\n\r\n/*--------------- Mobile Text --------------- */\r\n\r\n@media(min-width: 768px) {\r\n    .mobile-txt2 {\r\n        display: none;\r\n    }\r\n}\r\n\r\n@media(max-width: 768px) {\r\n    .mobile-txt3 {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.mobile-txt2 {\r\n    content: \"absence.\";\r\n    font-family: \"Roboto Mono\";\r\n    font-size: 16px;\r\n    color: #fff;\r\n}\r\n\r\n/* ---- Extra ---- */\r\n",".render1 {\r\n\tbackground: url(/projects/renders/iced-out/assets/img.png) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.render1::after {\r\n\tcontent: \"iced out.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 8%;\r\n\tleft: -60%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n.render2 {\r\n\tbackground: url(/projects/renders/rockstar/assets/img.png) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.render2::after {\r\n\tcontent: \"projects/ github.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 80%;\r\n\tleft: 90%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n.render3 {\r\n\tbackground: url(/projects/renders/allegiance/assets/img.png) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.render3::after {\r\n\tcontent: \"allegiance.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 80%;\r\n\tleft: -50%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n.render4 {\r\n\tbackground: url(/projects/renders/?/assets/img.png) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.render4::after {\r\n\tcontent: \"?.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 10%;\r\n\tleft: 90%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n.render5 {\r\n\tbackground: url(https://strelizia.cc/HyLvUFyMOYyv6SK6lpJVUfuOLj2dBxqr.png) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.render5::after {\r\n\tcontent: \"uwufier.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 8%;\r\n\tleft: -60%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n.render6 {\r\n\tbackground: url(https://www.callicoder.com/assets/images/post/large/npm-package-manager-for-node-js.jpg) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.render6::after {\r\n\tcontent: \"npm.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 80%;\r\n\tleft: 90%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n.render7 {\r\n\tbackground: url(https://senpy.tk/C++/Sakurajima_Mai_Holding_The_C++_Programming_Language.jpg) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.render7::after {\r\n\tcontent: \"senpy.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 80%;\r\n\tleft: -50%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n/* */\r\n.graphic1 {\r\n\tbackground: url(/projects/graphics/devils-work/assets/img.png) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.graphic1::after {\r\n\tcontent: \"devils work.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 8%;\r\n\tleft: -60%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n.graphic2 {\r\n\tbackground: url(/projects/graphics/swavy-pfps/assets/img2.png) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.graphic2::after {\r\n\tcontent: \"swavy pfps.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 80%;\r\n\tleft: 90%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n.graphic3 {\r\n\tbackground: url(/projects/graphics/absence/assets/img.png) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.graphic3::after {\r\n\tcontent: \"absence.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 80%;\r\n\tleft: -50%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n/*\r\n.graphic4 {\r\n\t  background: url(/projects/renders/devils-work/assets/img.png) no-repeat 50% 50%;\r\n\t  background-size: cover;\r\n}\r\n\r\n.render4::after {\r\n\t  content: \"devils work.\";\r\n\t  font-family: \"Roboto Mono\";\r\n\t  font-size: 36px;\r\n\t  position: relative;\r\n\t  color: #fff;\r\n\t  display: block;\r\n\t  top: 10%;\r\n\t  left: 90%;\r\n\t  right: 0;\r\n\t  bottom: 0;\r\n}\r\n*/\r\n",".category1 {\r\n\tbackground: url(https://i.pinimg.com/originals/1f/3f/fa/1f3ffa4e7f42c15cfec901d301b16e9c.jpg) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.category1::after {\r\n\tcontent: \"videos.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 8%;\r\n\tleft: -60%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n.category2 {\r\n\tbackground: url(/projects/graphics/devils-work/assets/img.png) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.category2::after {\r\n\tcontent: \"graphics.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 80%;\r\n\tleft: 90%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n.category3 {\r\n\tbackground: url(https://eldfrog.com/wp-content/uploads/2018/12/programming_languages.png) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.category3::after {\r\n\tcontent: \"development.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 80%;\r\n\tleft: 90%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n/*\r\n.category3 {\r\n\t  background: url(/projects/renders/allegiance/assets/img.png) no-repeat 50% 50%;\r\n\t  background-size: cover;\r\n}\r\n\r\n.category3::after {\r\n\t  content: \"allegiance.\";\r\n\t  font-family: \"Roboto Mono\";\r\n\t  font-size: 36px;\r\n\t  position: relative;\r\n\t  color: #fff;\r\n\t  display: block;\r\n\t  top: 80%;\r\n\t  left: -50%;\r\n\t  right: 0;\r\n\t  bottom: 0;\r\n}\r\n\r\n.category4 {\r\n\t  background: url(/projects/renders/devils-work/assets/img.png) no-repeat 50% 50%;\r\n\t  background-size: cover;\r\n}\r\n\r\n.category4::after {\r\n\t  content: \"devils work.\";\r\n\t  font-family: \"Roboto Mono\";\r\n\t  font-size: 36px;\r\n\t  position: relative;\r\n\t  color: #fff;\r\n\t  display: block;\r\n\t  top: 10%;\r\n\t  left: 90%;\r\n\t  right: 0;\r\n\t  bottom: 0;\r\n}\r\n*/\r\n\r\n@media (max-width: 768px) {\r\n\t.category1::after,\r\n\t.category2::after,\r\n\t.category3::after {\r\n\t\tcontent: none;\r\n\t}\r\n}"]}
\ No newline at end of file