:sa:react-legacy

2 files changed, 3 insertions, 0 deletions

diff --git a/build/static/css/main.283c06a5.chunk.css b/build/static/css/main.283c06a5.chunk.css
new file mode 100644
index 0000000..65566b8
--- /dev/null
+++ b/build/static/css/main.283c06a5.chunk.css
@@ -0,0 +1,2 @@
+*{-webkit-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}body,html{margin:0;padding:0;width:100%;height:100%;font-family:"Roboto Mono"!important;background:#0f0f0f!important;color:#fff!important}.whitespace{width:100%;height:100px}@media(max-width:768px){.whitespace{display:none}}.line{width:24em;top:50%;margin:auto;border-right:2px solid hsla(0,0%,100%,.75);text-align:center;white-space:nowrap;overflow:hidden;transform:translateY(-50%)}.anim-typewriter{-webkit-animation:typewriter 4s steps(46) 1s 1 normal both,blinkTextCursor .5s steps(46) infinite normal;animation:typewriter 4s steps(46) 1s 1 normal both,blinkTextCursor .5s steps(46) infinite normal}@-webkit-keyframes typewriter{0%{width:0}to{width:11.5em}}@keyframes typewriter{0%{width:0}to{width:11.5em}}@media(max-width:768px){@-webkit-keyframes typewriter{0%{width:0}to{width:10.5em}}@keyframes typewriter{0%{width:0}to{width:10.5em}}}@-webkit-keyframes blinkTextCursor{0%{border-right-color:hsla(0,0%,100%,.75)}to{border-right-color:transparent}}@keyframes blinkTextCursor{0%{border-right-color:hsla(0,0%,100%,.75)}to{border-right-color:transparent}}nav{width:100%;background:#0f0f0f;height:80px;position:fixed;z-index:1}nav #brand{float:left;display:block;margin-left:82px;line-height:80px;font-weight:700}nav #brand a{color:#fff;transition:all .3s ease-out}nav #brand a:hover{text-decoration:none}nav #menu{float:left;right:80px;position:fixed}nav #menu li{padding-left:30px;display:inline-block;cursor:pointer;font-weight:300;line-height:80px;position:relative;transition:all .3s ease-out}nav #menu li span{font-weight:700}nav #menu li a{color:#fff;transition:.5s}nav #menu li a:hover{text-decoration:none;transition:.5s}#menu-item-1:hover{letter-spacing:1px;font-family:cursive}#menu-item-2:hover{font-weight:700;font-family:monospace}#menu-item-3:hover{font-style:italic;font-family:Arial,Helvetica,sans-serif}#menu-item-4:hover{text-decoration:underline!important;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif}#menu-item-5:hover{font-style:bold;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif}#toggle{right:30px;top:20px;width:30px;height:30px;float:right;transition:all .3s ease-out;visibility:hidden;opacity:0}#toggle,.close-btn{position:absolute;font-weight:300;z-index:2;cursor:pointer}.close-btn{right:16px;top:-2px;line-height:80px}#resize{z-index:1;top:0;position:fixed;background:#0f0f0f;width:100%;height:100%;visibility:hidden;opacity:0;transition:all 1s ease-out}#resize #menu{height:90px;position:absolute;left:43%;transform:translateX(-40%);text-align:center;display:table-cell;vertical-align:center}#resize #menu li{display:block;text-align:center;padding:10px 0;font-size:50px;min-height:50px;font-weight:700;cursor:pointer;transition:all .3s ease-out}#resize li:first-child{margin-top:100px}#resize #menu li a{color:#fff}#resize #menu li a:hover{text-decoration:none}#resize.active{visibility:visible;opacity:1}@media(max-width:768px){#toggle{visibility:visible;opacity:1;margin-top:6px;margin-right:4px}nav #brand{margin-left:24px}#menu a{font-size:20px;font-weight:300}#resize li span{font-weight:bolder}nav #menu{display:none}}@media(min-width:768px){#resize{visibility:hidden!important}}.hero{height:100vh;display:flex;align-items:center;justify-content:center}.hero h1{font-weight:lighter;text-align:center;letter-spacing:-2px;line-height:58px}@media(max-width:768px){.header h1{font-size:26px}}.scroll-down{position:absolute;left:50%;bottom:100px;display:block;text-align:center;font-size:20px;z-index:0;text-decoration:none;text-shadow:0;width:13px;height:13px;border-bottom:2px solid #fff;border-right:2px solid #fff;transform:translate(-50%) rotate(45deg);-webkit-animation:fade_move_down 3s cubic-bezier(.19,1,.22,1) infinite;animation:fade_move_down 3s cubic-bezier(.19,1,.22,1) infinite}@-webkit-keyframes fade_move_down{0%{transform:translateY(-20px) rotate(45deg);opacity:0}50%{opacity:1}to{transform:translateY(20px) rotate(45deg);opacity:0}}@keyframes fade_move_down{0%{transform:translateY(-20px) rotate(45deg);opacity:0}50%{opacity:1}to{transform:translateY(20px) rotate(45deg);opacity:0}}h6{text-align:center}.vertical{margin-top:40px;border-left:1px solid #fff;height:80px;position:absolute;left:50%}.project{height:500px}@media(max-width:768px){.project{width:90%!important;margin:14px auto}.category1:after,.category2:after,.category3:after,.category4:after,.graphic1:after,.graphic2:after,.graphic3:after,.graphic4:after,.project1:after,.project2:after,.project3:after,.project4:after,.render1:after,.render2:after,.render3:after,.render4:after,.vertical{display:none}}.collab{text-align:right}.collab p{font-weight:lighter!important;margin-bottom:20px}.hr{background:hsla(0,0%,100%,.2);height:1px}.info h4{font-size:18px}.info h4,.info p{font-weight:lighter}.info p{color:grey}.info li{font-weight:lighter;color:#fff;font-size:18px;padding-left:20px}#fb:before{background:#3b5998}#fb:before,#ig:before{display:inline-block;content:"";border-radius:100%;height:4px;width:4px;margin-right:6px}#ig:before{background:#fcaf45}#tw:before{background:#55acee}#tw:before,#yt:before{display:inline-block;content:"";border-radius:100%;height:4px;width:4px;margin-right:6px}#yt:before{background:#c4302b}#gh:before{display:inline-block;content:"";border-radius:100%;height:4px;width:4px;margin-right:6px;background:#24292e}#address,#media{text-align:right}#media ul{list-style:none}#media ul li{display:inline-block}@media(max-width:768px){#address,#media,#personal,.collab{text-align:center}.info ul{margin:0 0 0 -22px;padding:0}}#address a,#media a,#personal a,a:hover,div #no-h{color:inherit;text-decoration:none;transition:.5s}#info-item-1:hover{font-weight:700;font-family:monospace}#media-item-1:hover{text-decoration:underline!important;font-family:Arial,Helvetica,sans-serif}#media-item-2:hover{font-style:italic;font-family:Cambria,Cochin,Georgia,Times,"Times New Roman",serif}#media-item-3:hover{letter-spacing:1px;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif}#address-item-1:hover{font-style:italic;font-family:cursive}.hero-content{margin-left:0}.hero-content p{font-weight:300;line-height:36px;color:grey}.hero-content h6{text-align:left}@media(max-width:768px){.hero-content{padding-top:50px;width:96%;margin:0 auto}}.about{height:500px;margin-top:120px}.image{background:url(https://images.unsplash.com/photo-1540885762261-a2ca01f290f9?auto=format&fit=crop&ixid=eyJhcHBfaWQiOjEyMDd9&ixlib=rb-1.2.1&q=80&w=2468) no-repeat 50% 70%}#contact-form{margin:5% 1.4%}#contact-form ul{list-style:none;border-radius:5px;margin-bottom:40px}#contact-form li{padding:10px}#contact-form li:last-of-type{border-bottom:none}#contact-form label{display:block;font-size:.8em;color:#999;padding-left:5px}#contact-form input,#contact-form textarea{width:100%;padding:5px;border:none;resize:vertical;background:transparent;color:#fff;font-weight:bolder}input:focus,textarea:focus{outline:none;border:none}.textarea{border-bottom:1px solid #dfdfdf}.send{margin-left:50px;text-transform:uppercase;padding:20px 30px;background:transparent;color:#dfdfdf;font-size:14px;letter-spacing:2px}.send:hover{background:#dfdfdf;color:#101010}@media(max-width:768px){#contact-form{margin:5% -8%;width:98%}}.next p,.prev{color:grey}.prev p{text-align:left}.next p{text-align:right}@media(min-width:768px){.mobile-txt2{display:none}}@media(max-width:768px){.mobile-txt3{display:none}}.mobile-txt2{content:"absence.";font-family:"Roboto Mono";font-size:16px;color:#fff}.render1{background:url(/projects/renders/iced-out/assets/img.png) no-repeat 50% 50%;background-size:cover}.render1:after{content:"iced out.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:8%;left:-60%;right:0;bottom:0}.render2{background:url(/projects/renders/rockstar/assets/img.png) no-repeat 50% 50%;background-size:cover}.render2:after{content:"projects/ github.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:80%;left:90%;right:0;bottom:0}.render3{background:url(/projects/renders/allegiance/assets/img.png) no-repeat 50% 50%;background-size:cover}.render3:after{content:"allegiance.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:80%;left:-50%;right:0;bottom:0}.render4{background:url(/projects/renders/?/assets/img.png) no-repeat 50% 50%;background-size:cover}.render4:after{content:"?.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:10%;left:90%;right:0;bottom:0}.render5{background:url(https://strelizia.cc/HyLvUFyMOYyv6SK6lpJVUfuOLj2dBxqr.png) no-repeat 50% 50%;background-size:cover}.render5:after{content:"uwufier.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:8%;left:-60%;right:0;bottom:0}.render6{background:url(https://www.callicoder.com/assets/images/post/large/npm-package-manager-for-node-js.jpg) no-repeat 50% 50%;background-size:cover}.render6:after{content:"npm.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:80%;left:90%;right:0;bottom:0}.render7{background:url(https://senpy.tk/C++/Sakurajima_Mai_Holding_The_C++_Programming_Language.jpg) no-repeat 50% 50%;background-size:cover}.render7:after{content:"senpy.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:80%;left:-50%;right:0;bottom:0}.graphic1{background:url(/projects/graphics/devils-work/assets/img.png) no-repeat 50% 50%;background-size:cover}.graphic1:after{content:"devils work.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:8%;left:-60%;right:0;bottom:0}.graphic2{background:url(/projects/graphics/swavy-pfps/assets/img2.png) no-repeat 50% 50%;background-size:cover}.graphic2:after{content:"swavy pfps.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:80%;left:90%;right:0;bottom:0}.graphic3{background:url(/projects/graphics/absence/assets/img.png) no-repeat 50% 50%;background-size:cover}.graphic3:after{content:"absence.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:80%;left:-50%;right:0;bottom:0}.category1{background:url(https://i.pinimg.com/originals/1f/3f/fa/1f3ffa4e7f42c15cfec901d301b16e9c.jpg) no-repeat 50% 50%;background-size:cover}.category1:after{content:"videos.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:8%;left:-60%;right:0;bottom:0}.category2{background:url(/projects/graphics/devils-work/assets/img.png) no-repeat 50% 50%;background-size:cover}.category2:after{content:"graphics.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:80%;left:90%;right:0;bottom:0}.category3{background:url(https://eldfrog.com/wp-content/uploads/2018/12/programming_languages.png) no-repeat 50% 50%;background-size:cover}.category3:after{content:"development.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:80%;left:90%;right:0;bottom:0}@media (max-width:768px){.category1:after,.category2:after,.category3:after{content:none}}
+/*# sourceMappingURL=main.283c06a5.chunk.css.map */
\ No newline at end of file
diff --git a/build/static/css/main.283c06a5.chunk.css.map b/build/static/css/main.283c06a5.chunk.css.map
new file mode 100644
index 0000000..c5c1696
--- /dev/null
+++ b/build/static/css/main.283c06a5.chunk.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["style.css","projects.css","work-categories.css"],"names":[],"mappings":"AACA,EACI,wBAAyB,CAGzB,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,mBAAqB,CACrB,gBACD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","file":"main.283c06a5.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