body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"Azonix";src:local("Azonix"),url(/static/media/Azonix.cdfe47b3.otf) format("truetype")}body{width:100%;font-family:"Montserrat",sans-serif;max-width:100%;overflow-x:hidden;background-color:#000;margin:0}#particles-js{position:fixed;width:100vw!important;height:100vh!important;z-index:-1}.outlet{display:inline-block;margin-right:0;z-index:0}.nav-wrapper{width:100%;overflow:hidden;pointer-events:none;margin:0;position:fixed;height:200px;z-index:9000;transition:all .5s ease-out}.nav-row{padding:10px;border-bottom-width:1px;border-bottom-style:solid;background-color:transparent}.nav-shadow{width:100%;height:98px;position:fixed;z-index:-1}.nav-wrapper .row{margin-bottom:15px;pointer-events:auto}@media screen and (max-width:641px){.nav-wrapper .row{margin-bottom:5px}}.nav-menu-default{padding-right:20px}.nav-main-menu{text-align:left}.nav-first-letter{font-size:24pt}@media screen and (max-width:1440px){.nav-first-letter{font-size:20pt}}@media screen and (max-width:1024px){.nav-first-letter{font-size:16pt}}.nav-header-text{font-size:20pt;font-weight:500;color:#fff;padding:4px 10px 5px;margin-right:20px;text-decoration:none;letter-spacing:1px;word-spacing:5px;font-family:"Montserrat",sans-serif;position:relative}@media screen and (max-width:1440px){.nav-header-text{padding:8px 10px 5px;font-size:16pt}}@media screen and (max-width:1024px){.nav-header-text{font-size:12pt;padding:10px 10px 5px;margin-right:0}}.nav-header-text:before{content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:#fff;visibility:hidden;transform:scaleX(0);transition:all .3s ease-in-out}.nav-header-text:hover:before{visibility:visible;transform:scaleX(.9)}.nav-header-link{text-decoration:none;cursor:pointer;letter-spacing:1px}.nav-home-button{border-radius:15px;padding-bottom:5px;height:100%;text-transform:none;display:inline-block;vertical-align:top;background-color:teal;border:2px solid #2f4f4f}.nav-logo{display:inline-block;padding-right:5%}@media screen and (max-width:641px){.nav-logo{display:none}}.nav-logo-mobile{display:none}@media screen and (max-width:641px){.nav-logo-mobile{display:inline-block}}.nav-item{vertical-align:top;text-align:center;font-weight:700;font-size:14pt;padding-left:10%;padding-top:12px;display:inline-block;transition:padding-right .2s}@media screen and (max-width:641px){.nav-item{display:none}}.nav-item-text{color:#fff;font-weight:300;position:relative;margin-left:15px;margin-right:0;top:-10px;display:inline-block;transition:all .2s;opacity:0;max-width:0;white-space:nowrap}@media screen and (max-width:641px){.nav-item-text{opacity:1}}.nav-extender{height:200px;width:100%;position:fixed}.nav-item-tooltip{pointer-events:none;visibility:hidden;width:100px;background-color:#000;text-align:center;padding:5px 0;border-radius:6px;right:-100%;top:70px;position:absolute;z-index:999;color:#fff;font-weight:300;transition:all .2s;opacity:1}@media screen and (max-width:641px){.nav-item-tooltip{opacity:1}}.nav-item-tooltip:after{content:" ";position:absolute;bottom:100%;left:50%;margin-left:-5px;border:6px solid transparent;border-bottom-color:#000}.nav-item-link{cursor:pointer;color:#fff;font-weight:100;position:relative;display:inline-block}.nav-item-link:hover .nav-item-tooltip{visibility:visible}@media screen and (max-width:641px){.nav-item-link{margin-left:-45px}}.nav-item-link:before{content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:#fff;visibility:hidden;transform:scaleX(0);transform-origin:left;transition:all .3s ease-in-out}.nav-item-link:hover:before{visibility:visible;transform:scaleX(1)}@media screen and (max-width:641px){.nav-item-link:hover:before{visibility:hidden}}#nav-image{height:35px;display:inline-block}@media screen and (max-width:1024px){#nav-image{margin-top:5px;height:30px}}.nav-mobile-menu{display:none;text-align:right}@media screen and (max-width:641px){.nav-mobile-menu{display:inline-block}}.nav-menu{text-align:right;padding-right:100px}.mobile-menu-popout{position:fixed;width:60%;background-color:#000;z-index:900;left:100%;transition:all .5s ease-out;border-bottom-left-radius:25px;border-left:2px solid grey;border-bottom:2px solid grey}.nav-item-mobile{border-top:2px solid grey;padding:20px 0;text-align:center}.nav-item-spacer{height:62px}.spacer{height:150px}.logo-space{height:180px;width:300px;padding-top:0;text-align:center;position:absolute;margin-top:-50px}.logo-space:hover #logo{transition:all 1s;transform:scale(1.1);opacity:1;-webkit-filter:drop-shadow(0 0 50px #00e1ff);filter:drop-shadow(0 0 50px rgba(0,225,255,.7))}@media screen and (max-width:641px){.logo-space{width:100%}}#logo{cursor:pointer;height:200px;position:relative;-webkit-filter:drop-shadow(0 0 0 rgba(0,225,255,0));filter:drop-shadow(0 0 0 rgba(0,225,255,0))}#logo,#logo:hover{opacity:1;transition:all 1s}#logo:hover{transform:scale(1.1);-webkit-filter:drop-shadow(0 0 50px #00e1ff);filter:drop-shadow(0 0 50px rgba(0,225,255,.7))}@media screen and (max-width:641px){#logo{display:none}}#logo-mobile{cursor:pointer;width:33vw;height:auto;position:relative;text-align:center;display:none;opacity:1;transition:all 1s;-webkit-filter:drop-shadow(0 0 0 rgba(0,225,255,0));filter:drop-shadow(0 0 0 rgba(0,225,255,0))}#logo-mobile:hover{transition:all 1s;transform:scale(1.1);opacity:1;-webkit-filter:drop-shadow(0 0 50px #00e1ff);filter:drop-shadow(0 0 50px rgba(0,225,255,.7))}@media screen and (max-width:641px){#logo-mobile{display:inline-block}}.splash-first-letter{font-size:8vw}.splash-name-display{position:relative;color:#fff;display:none;text-align:center;font-size:1rem;font-size:6vw;padding-top:20px;font-weight:500;text-decoration:none;letter-spacing:1px;word-spacing:3px;font-family:"Montserrat",sans-serif;margin:auto}@media screen and (max-width:641px){.splash-name-display{width:80%;display:inline-block}}#read-more{height:25px;opacity:.3;transition:all 1s;display:inline-block;pointer-events:none;margin:auto 20px auto auto}.homescreen-banner{height:100vh;background:url(/static/media/glowing-background.ea9085a8.jpg) no-repeat 50% fixed;background-size:cover;width:100%;max-width:100%;overflow-x:hidden;margin-top:-100px;transition:opacity .1s;z-index:0;opacity:1;box-sizing:border-box}.splash-screen-banner{min-height:100vh;width:100vw;margin:auto;text-align:center;display:flex;align-items:center;justify-content:center;background:transparent;box-sizing:border-box}.scroll-indicator{color:#fff;position:absolute;cursor:pointer;bottom:4%;right:5%;font-size:14pt;padding:20px 25px;display:inline-block;width:350px;opacity:.5}.scroll-indicator:hover{opacity:1;transition:all .8s}.scroll-indicator:hover #read-more{opacity:.8;transition:all .8s;-webkit-filter:drop-shadow(0 0 30px #00e1ff);filter:drop-shadow(0 0 30px #00e1ff)}@media screen and (max-width:641px){.scroll-indicator{bottom:2%;padding:10px 25px;text-align:center;font-size:1rem}}.scroll-text{display:inline-block;white-space:nowrap;transform:translateY(-6px)}.about-me-banner{max-height:600px;width:100vw;margin:auto;text-align:center;background:#fff;box-sizing:border-box}@media screen and (max-width:1024px){.about-me-banner{max-height:2000px;text-align:center;padding-bottom:50px}}.about-row{height:inherit;display:flex;flex-wrap:wrap;margin-bottom:0}.about-col-left{height:inherit;text-align:right;vertical-align:middle;line-height:600px;width:25vw}@media screen and (max-width:1024px){.about-col-left{height:auto;vertical-align:auto;line-height:normal;width:100vw;text-align:center;padding:50px 0}}.about-col-right{height:inherit;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:75vw}@media screen and (max-width:1024px){.about-col-right{width:100vw}}.about-info-container{margin-top:-5%;width:90%;text-align:center}.avatar{height:300px;border-radius:50%;box-shadow:-5px 10px 20px rgba(0,0,0,.8);vertical-align:middle}.about-me-title{display:block;min-width:100%;font-weight:600}.about-me-info{font-size:14pt;font-weight:300;width:80%;margin:30px auto auto;text-align:left}@media screen and (max-width:1024px){.about-me-info{font-size:12pt}}.about-me-highlight{color:red;font-weight:500}.about-me-highlight:hover{text-decoration:underline;transition:all .5s}.skills-banner-container{display:grid;grid-template-columns:1fr}.skills-banner-container div{grid-row-start:1;grid-column-start:1}.skills-banner{background:#148cc8;min-height:1400px;width:100vw;max-width:100vw;align-items:left;z-index:100;padding-top:0;transition:all .3s ease-out;transform:translateZ(0);transform-origin:left;box-sizing:border-box}@media screen and (max-width:641px){.skills-banner{min-height:200px;height:200px}}.skills-bubble-container{height:300px;width:300px;text-align:center;display:inline-block;position:absolute;transition:all .3s;left:0;right:0;margin:100px auto auto}@media screen and (max-width:641px){.skills-bubble-container{display:none}}.skills-bubble-spacer{height:300px;width:300px;text-align:center;display:inline-block;left:0;right:0;margin:100px auto auto}@media screen and (max-width:641px){.skills-bubble-spacer{display:none}}.skills-bubble-container-1{height:100px;width:300px;text-align:right;margin:20px auto auto;padding-right:60px;-webkit-animation:movingUp 4s ease-in-out infinite alternate;animation:movingUp 4s ease-in-out infinite alternate}@media screen and (max-width:641px){.skills-bubble-container-1{display:none}}.skills-bubble-container-2{height:75px;width:300px;text-align:left;padding-left:80px;margin:-10px auto auto;padding-top:10px;-webkit-animation:movingUp 3s ease-in-out infinite alternate;animation:movingUp 3s ease-in-out infinite alternate}@media screen and (max-width:641px){.skills-bubble-container-2{display:none}}.skills-bubble-container-3{height:100px;width:300px;text-align:left;padding-left:150px;margin:-5px auto auto;-webkit-animation:movingUp 2s ease-in-out infinite alternate;animation:movingUp 2s ease-in-out infinite alternate}@media screen and (max-width:641px){.skills-bubble-container-3{display:none}}.skills-bubble{display:inline-block;width:100%;height:100%;max-height:300px;max-width:300px;margin-top:25%;opacity:0;transition:margin-top,opacity 1.5s;transform:translateZ(0);border:2px solid #000;border-radius:200px;background-color:#fff;text-align:center;box-shadow:-10px 15px 20px rgba(0,0,0,.8);background-image:radial-gradient(farthest-corner at 230px 0,#fff 0,transparent 10%,#64cbff 40%,#64cbff 70%,#fff 90%)}@media screen and (max-width:641px){.skills-bubble{display:none}}.skills-bubble-1{display:inline-block;width:100%;height:100%;max-height:100px;max-width:100px;margin-top:25%;margin-right:-12px;opacity:0;transition:all 1.5s;transform:translateZ(0);border:2px solid #000;border-radius:200px;background-color:#fff;text-align:center;box-shadow:-10px 15px 20px rgba(0,0,0,.8);-webkit-animation:movingSideRight 6s ease-in-out infinite alternate;animation:movingSideRight 6s ease-in-out infinite alternate;background-image:radial-gradient(farthest-corner at 230px 0,#fff 0,transparent 10%,#64cbff 40%,#64cbff 70%,#fff 90%)}@media screen and (max-width:641px){.skills-bubble-1{display:none}}.skills-bubble-2{display:inline-block;width:100%;height:100%;max-height:50px;max-width:50px;margin-top:25%;opacity:0;transition:opacity 1.5s,height 1.5s,width 1.5s,margin-top 1.5s;transform:translateZ(0);border:2px solid #000;border-radius:200px;background-color:#fff;text-align:center;-webkit-animation:movingSide 5s ease-in-out infinite alternate;animation:movingSide 5s ease-in-out infinite alternate;box-shadow:-10px 15px 20px rgba(0,0,0,.8);background-image:radial-gradient(farthest-corner at 230px 0,#fff 0,transparent 10%,#64cbff 40%,#64cbff 70%,#fff 90%)}@media screen and (max-width:641px){.skills-bubble-2{display:none}}.skills-bubble-3{display:inline-block;width:100%;height:100%;max-height:25px;max-width:25px;margin-top:25%;opacity:0;transition:opacity 1.5s,height 1.5s,width 1.5s,margin-top 1.5s;transform:translateZ(0);border:2px solid #000;border-radius:200px;background-color:#fff;text-align:center;-webkit-animation:movingSide 4s ease-in-out infinite alternate;animation:movingSide 4s ease-in-out infinite alternate;box-shadow:-10px 15px 20px rgba(0,0,0,.8);background-image:radial-gradient(farthest-corner at 230px 0,#fff 0,transparent 10%,#64cbff 40%,#64cbff 70%,#fff 90%)}@media screen and (max-width:641px){.skills-bubble-3{display:none}}.skills-bubble-text-container{margin-left:-12px;margin-top:200px;left:0;right:0;display:inline-block;transition:transform .1s;transform:translateZ(0);position:absolute;-webkit-animation:movingSide 4.5s ease-in-out infinite alternate;animation:movingSide 4.5s ease-in-out infinite alternate;-webkit-animation-play-state:paused;animation-play-state:paused}@media screen and (max-width:641px){.skills-bubble-text-container{margin-top:50px}}.skills-first-letter{font-size:42pt;font-weight:600}@media screen and (max-width:641px){.skills-first-letter{font-size:32pt}}.skills-bubble-text{text-align:center;margin-top:-10px;opacity:1;vertical-align:middle;line-height:100px;font-weight:600;transition:transform .1s;transform:translateZ(0);font-size:36pt;font-family:"Montserrat",sans-serif;-webkit-animation:movingUp 2s ease-in-out infinite alternate;animation:movingUp 2s ease-in-out infinite alternate;-webkit-animation-play-state:paused;animation-play-state:paused}@media screen and (max-width:641px){.skills-bubble-text{font-size:24pt}}@-webkit-keyframes movingUp{to{margin-top:10px}}@keyframes movingUp{to{margin-top:10px}}@-webkit-keyframes movingSide{to{margin-left:12px}}@keyframes movingSide{to{margin-left:12px}}@-webkit-keyframes movingSideRight{to{margin-right:12px}}@keyframes movingSideRight{to{margin-right:12px}}.skills-outlet{background-color:rgba(45,60,77,.75);min-height:1400px;width:60vw;max-width:60vw;margin-left:40%;right:-15px;z-index:9;text-align:center;padding-top:50px;color:#e6e6e6;font-size:22pt;font-weight:600;font-family:"Montserrat",sans-serif;box-sizing:border-box}@media screen and (max-width:641px){.skills-outlet{padding-top:230px;padding-bottom:50px;width:100vw;max-width:100vw;margin-left:0;right:0}}.skill-level{font-size:.8em;z-index:1;line-height:1;width:830px;transition:all 1s;height:60px;margin-left:130px;margin-right:20px;padding-top:8px;padding-bottom:8px;background-image:repeating-linear-gradient(90deg,#aaa,#aaa 1.1px,transparent 0,transparent 9.98%)}@media screen and (max-width:1920px){.skill-level{max-width:625px}}@media screen and (max-width:1440px){.skill-level{height:50px;max-width:450px}}@media screen and (max-width:1024px){.skill-level{max-width:250px;height:40px;background-image:repeating-linear-gradient(90deg,#aaa,#aaa 1.1px,transparent 0,transparent 19.9%)}}.skill-level:after{content:"";display:block;background-image:linear-gradient(90deg,#729fb8,#a9e2ff);width:50px;margin-bottom:10px;height:90%;position:relative;transition:all 1s;top:50%;transform:translateY(-50%);transition:background-color .3s ease;cursor:pointer}.percentage-1:after{transition:all 1s;width:1%}.percentage-2:after{transition:all 1s;width:2%}.percentage-3:after{transition:all 1s;width:3%}.percentage-4:after{transition:all 1s;width:4%}.percentage-5:after{transition:all 1s;width:5%}.percentage-6:after{transition:all 1s;width:6%}.percentage-7:after{transition:all 1s;width:7%}.percentage-8:after{transition:all 1s;width:8%}.percentage-9:after{transition:all 1s;width:9%}.percentage-10:after{transition:all 1s;width:10%}.percentage-11:after{transition:all 1s;width:11%}.percentage-12:after{transition:all 1s;width:12%}.percentage-13:after{transition:all 1s;width:13%}.percentage-14:after{transition:all 1s;width:14%}.percentage-15:after{transition:all 1s;width:15%}.percentage-16:after{transition:all 1s;width:16%}.percentage-17:after{transition:all 1s;width:17%}.percentage-18:after{transition:all 1s;width:18%}.percentage-19:after{transition:all 1s;width:19%}.percentage-20:after{transition:all 1s;width:20%}.percentage-21:after{transition:all 1s;width:21%}.percentage-22:after{transition:all 1s;width:22%}.percentage-23:after{transition:all 1s;width:23%}.percentage-24:after{transition:all 1s;width:24%}.percentage-25:after{transition:all 1s;width:25%}.percentage-26:after{transition:all 1s;width:26%}.percentage-27:after{transition:all 1s;width:27%}.percentage-28:after{transition:all 1s;width:28%}.percentage-29:after{transition:all 1s;width:29%}.percentage-30:after{transition:all 1s;width:30%}.percentage-31:after{transition:all 1s;width:31%}.percentage-32:after{transition:all 1s;width:32%}.percentage-33:after{transition:all 1s;width:33%}.percentage-34:after{transition:all 1s;width:34%}.percentage-35:after{transition:all 1s;width:35%}.percentage-36:after{transition:all 1s;width:36%}.percentage-37:after{transition:all 1s;width:37%}.percentage-38:after{transition:all 1s;width:38%}.percentage-39:after{transition:all 1s;width:39%}.percentage-40:after{transition:all 1s;width:40%}.percentage-41:after{transition:all 1s;width:41%}.percentage-42:after{transition:all 1s;width:42%}.percentage-43:after{transition:all 1s;width:43%}.percentage-44:after{transition:all 1s;width:44%}.percentage-45:after{transition:all 1s;width:45%}.percentage-46:after{transition:all 1s;width:46%}.percentage-47:after{transition:all 1s;width:47%}.percentage-48:after{transition:all 1s;width:48%}.percentage-49:after{transition:all 1s;width:49%}.percentage-50:after{transition:all 1s;width:50%}.percentage-51:after{transition:all 1s;width:51%}.percentage-52:after{transition:all 1s;width:52%}.percentage-53:after{transition:all 1s;width:53%}.percentage-54:after{transition:all 1s;width:54%}.percentage-55:after{transition:all 1s;width:55%}.percentage-56:after{transition:all 1s;width:56%}.percentage-57:after{transition:all 1s;width:57%}.percentage-58:after{transition:all 1s;width:58%}.percentage-59:after{transition:all 1s;width:59%}.percentage-60:after{transition:all 1s;width:60%}.percentage-61:after{transition:all 1s;width:61%}.percentage-62:after{transition:all 1s;width:62%}.percentage-63:after{transition:all 1s;width:63%}.percentage-64:after{transition:all 1s;width:64%}.percentage-65:after{transition:all 1s;width:65%}.percentage-66:after{transition:all 1s;width:66%}.percentage-67:after{transition:all 1s;width:67%}.percentage-68:after{transition:all 1s;width:68%}.percentage-69:after{transition:all 1s;width:69%}.percentage-70:after{transition:all 1s;width:70%}.percentage-71:after{transition:all 1s;width:71%}.percentage-72:after{transition:all 1s;width:72%}.percentage-73:after{transition:all 1s;width:73%}.percentage-74:after{transition:all 1s;width:74%}.percentage-75:after{transition:all 1s;width:75%}.percentage-76:after{transition:all 1s;width:76%}.percentage-77:after{transition:all 1s;width:77%}.percentage-78:after{transition:all 1s;width:78%}.percentage-79:after{transition:all 1s;width:79%}.percentage-80:after{transition:all 1s;width:80%}.percentage-81:after{transition:all 1s;width:81%}.percentage-82:after{transition:all 1s;width:82%}.percentage-83:after{transition:all 1s;width:83%}.percentage-84:after{transition:all 1s;width:84%}.percentage-85:after{transition:all 1s;width:85%}.percentage-86:after{transition:all 1s;width:86%}.percentage-87:after{transition:all 1s;width:87%}.percentage-88:after{transition:all 1s;width:88%}.percentage-89:after{transition:all 1s;width:89%}.percentage-90:after{transition:all 1s;width:90%}.percentage-91:after{transition:all 1s;width:91%}.percentage-92:after{transition:all 1s;width:92%}.percentage-93:after{transition:all 1s;width:93%}.percentage-94:after{transition:all 1s;width:94%}.percentage-95:after{transition:all 1s;width:95%}.percentage-96:after{transition:all 1s;width:96%}.percentage-97:after{transition:all 1s;width:97%}.percentage-98:after{transition:all 1s;width:98%}.percentage-99:after{transition:all 1s;width:99%}.percentage-100:after{transition:all 1s;width:100%}.skill-level-holder{transition:all 1s}.skill-level-holder:after{width:1px!important}dl{display:inline-block;flex-direction:column;width:100%;max-width:1200px;position:relative;margin-left:5%;padding:0 20px 20px}@media screen and (max-width:641px){dl{padding-left:0;left:-30px}}.skill-level-text{font-weight:200;font-size:12pt;display:flex;vertical-align:middle;line-height:60px;height:60px;width:130px;position:absolute;left:0;justify-content:flex-end}@media screen and (max-width:641px){.skill-level-text{line-height:30px;height:30px;margin-left:-20px;width:130px}}.skills-level-header{font-weight:500}.skill-level-numbers{font-size:.8em;line-height:.75;width:820px;transition:all 1s;height:40px;margin-left:50px;margin-top:10px;padding-top:8px;padding-bottom:8px}.skill-level-numbers tr{border-bottom:none}.skill-level-numbers th{font-size:12pt;font-weight:200;width:50%}@media screen and (max-width:1920px){.skill-level-numbers{max-width:700px}}@media screen and (max-width:1440px){.skill-level-numbers{max-width:525px}}@media screen and (max-width:1024px){.skill-level-numbers{max-width:320px}}.skills-other{margin:60px 5% 30px 10%}.skills-other,.skills-other-list{font-size:12pt;font-weight:300;text-align:left}.skills-other-list{margin-left:15%;margin-right:15%;margin-bottom:20px;display:grid;grid-template-columns:150px auto}@media screen and (max-width:641px){.skills-other-list{grid-template-columns:auto;text-align:center}}.skills-other-list .other-title{grid-row-start:1;grid-column-start:1}@media screen and (max-width:641px){.skills-other-list .other-title{margin-bottom:20px}}.skills-other-list .other-items{grid-row-start:1;grid-column-start:2}@media screen and (max-width:641px){.skills-other-list .other-items{grid-row-start:2;grid-column-start:1}}.other-title{font-size:12pt;font-weight:500}.other-title,.skills-highlight{color:#a2e0ff}.home-container{width:70%}.home-text{padding:3% 10%;margin-top:30px;border-radius:20px;border-color:#000;border-style:solid;box-shadow:15px 15px 20px grey;font-size:48pt;font-weight:700}.home-flavor-text{font-size:24pt}.parallax-div{right:100%}.parallax-div,.parallax-left{display:inline-block;position:absolute;transition:opacity 1s,right 1s;opacity:0}.parallax-left{right:10%}.parallax-div-right{display:inline-block;position:absolute;left:100%;transition:opacity 1s,left 1s;transform:translateZ(0);opacity:0}.pretend-banner{padding:3% 10%;margin-top:30px;border-radius:20px;border-color:#000;border-style:solid;box-shadow:15px 15px 20px grey;font-size:48pt;font-weight:700;height:1000px;min-width:500px;width:70%;background-color:#fff}.projects-banner-container{display:grid;grid-template-columns:1fr}.projects-banner-container div{grid-row-start:1;grid-column-start:1}.projects-banner{background:#67aca1;height:1000px;width:100vw;max-width:100vw;align-items:left;z-index:100;padding-top:0;transition:all .3s ease-out;transform:translateZ(0);transform-origin:top;box-sizing:border-box}@media screen and (max-width:641px){.projects-banner{min-height:200px;height:200px}}.projects-first-letter{font-size:42pt;font-weight:600}@media screen and (max-width:641px){.projects-first-letter{font-size:32pt}}.projects-banner-text-container{height:900px;z-index:101}.projects-banner-text{text-align:center;margin-top:-10px;opacity:1;vertical-align:middle;line-height:600px;font-weight:600;transition:all .3s ease;transform:translateZ(0);font-size:36pt;font-family:"Montserrat",sans-serif}@media screen and (max-width:641px){.projects-banner-text{line-height:200px;font-size:24pt}}.projects-outlet{background-color:rgba(45,60,77,.75);min-height:1400px;width:100vw;max-width:100vw;margin-top:150px;padding-bottom:100px;z-index:9;text-align:center;padding-top:100px;color:#e6e6e6;font-size:14pt;font-weight:300;font-family:"Montserrat",sans-serif;box-sizing:border-box}.projects-outlet-container{max-width:2200px;width:100%;margin:auto}.projects-all-container{display:flex;justify-content:space-evenly;flex-wrap:wrap;margin-left:5%;margin-right:5%}.project-ind-container{flex:1 0 33%;justify-content:space-around;max-width:500px}.project,.project-ind-container{display:inline-block;text-align:center;padding:20px;opacity:1;transition:opacity .5s ease}.project{width:400px}.project-holder{opacity:0!important;transition:opacity .5s ease}.project-image{height:400px;width:400px;border:3px solid #000;border-radius:5px;margin:10px auto 20px;box-shadow:0 0 30px hsla(0,0%,100%,.63)}@media screen and (max-width:641px){.project-image{height:300px;width:300px;margin-bottom:20px}}.project-title{font-weight:500;margin:20px 0}.project-tools{margin:10px 0;font-size:16pt;font-weight:500;height:104px;display:grid;grid-template-columns:95px auto}@media screen and (max-width:1024px){.project-tools{grid-template-columns:auto;font-size:14pt;height:auto}}.project-tools .project-tools-highlight{font-weight:600;grid-row-start:1;grid-column-start:1;padding-top:8px}@media screen and (max-width:1024px){.project-tools .project-tools-highlight{grid-row-start:1;grid-column-start:1;margin-bottom:10px;padding-top:0}}.project-tools .project-tools-list{font-weight:600;grid-row-start:1;grid-column-start:2}@media screen and (max-width:1024px){.project-tools .project-tools-list{grid-row-start:2;grid-column-start:1}}.project-description{margin:20px 0;min-height:140px}@media screen and (max-width:1024px){.project-description{min-height:0}}@media screen and (max-width:641px){.project-description{font-size:12pt}}.project-links{display:flex;width:300px;margin:30px auto 10px;justify-content:space-around}.project-links a{font-size:15pt;font-weight:600}.project-button{cursor:default;color:#fff;border:1.5px solid #000;font-size:14pt;font-weight:500;border-radius:50px;display:inline-block;padding:9px 15px 7px;margin:0 5px 5px}@media screen and (max-width:641px){.project-button{font-size:12pt}}.pb-react{background-color:#4fb2ce}.pb-react:hover{background-color:#58c5e4}.pb-html{background-color:#f36527}.pb-html:hover{background-color:#f08051}.pb-css{background-color:#0170bc}.pb-css:hover{background-color:#0083da}.pb-blender{background-color:#e87d0d}.pb-blender:hover{background-color:#ff9625}.pb-audacity{background-color:#0000cb}.pb-audacity:hover{background-color:#1111f6}.pb-adobe{background-color:#f561ff}.pb-adobe:hover{background-color:#f788ff}.pb-js{background-color:#e0c91c}.pb-js:hover{background-color:#f8e33f}.pb-fb{background-color:#ffa713}.pb-fb:hover{background-color:#fdbe51}.pb-unity{background-color:#888787}.pb-unity:hover{background-color:#a8a6a6}.pb-cSharp{background-color:#a178db}.pb-cSharp:hover{background-color:#b788f8}.hr-projects{border-color:#aaa;box-shadow:0 0 20px #fff;width:100%;display:none}@media screen and (max-width:641px){.hr-projects{display:inline-block}}.projects-banner-end{background:#67aca1;height:20px;width:100vw;max-width:100vw;align-items:left;z-index:100;padding-top:0;transition:all .3s ease-out;transform:translateZ(0);transform-origin:top;box-sizing:border-box}@media screen and (max-width:641px){.projects-banner-end{min-height:20px;height:20px}}.contact-banner-container{display:grid;grid-template-columns:1fr}.contact-banner-container .contact-banner{z-index:11;background:#fa6161;transition:all .3s ease-out;grid-row-start:1;grid-column-start:1;transform-origin:top right}@media screen and (max-width:1024px){.contact-banner-container .contact-banner{min-height:200px;height:200px}}.contact-banner-container .contact-outlet,.contact-banner-container .contact-text-container{grid-row-start:1;grid-column-start:1}.contact-text-container{pointer-events:none;height:1000px;width:100vw;max-width:100vw;align-items:left;z-index:100;padding-top:0;transition:all .3s ease-out;transform:translateZ(0);transform-origin:top;box-sizing:border-box}@media screen and (max-width:1024px){.contact-text-container{min-height:200px;height:200px}}.contact-banner-text{text-align:center;margin-top:-10px;opacity:1;vertical-align:middle;line-height:600px;font-weight:600;transition:all .3s ease;transform:translateZ(0);font-size:36pt;font-family:"Montserrat",sans-serif}@media screen and (max-width:1024px){.contact-banner-text{line-height:200px}}@media screen and (max-width:641px){.contact-banner-text{font-size:24pt}}.contact-first-letter{font-size:42pt;font-weight:600}@media screen and (max-width:641px){.contact-first-letter{font-size:32pt}}.contact-outlet{background-color:rgba(45,60,77,.75);min-height:700px;width:100vw;max-width:100vw;padding-bottom:100px;z-index:9;text-align:center;padding-top:100px;color:#e6e6e6;font-size:14pt;font-weight:300;font-family:"Montserrat",sans-serif;box-sizing:border-box}.contact-outlet-container{color:#000;max-width:2200px;height:600px;background-color:#aaa;margin-top:50px;margin-left:15%;padding-top:10px;margin-right:calc(40% + 80px);width:auto;box-shadow:-10px 15px 20px rgba(0,0,0,.8);transform:rotate(-1deg);position:relative;z-index:999;max-width:1200px;min-width:800px}@media screen and (max-width:1440px){.contact-outlet-container{width:500px;min-width:0}}@media screen and (max-width:1024px){.contact-outlet-container{margin:180px auto auto}}@media screen and (max-width:641px){.contact-outlet-container{width:300px;height:500px;min-width:0}}.contact-outlet-container,.contact-outlet-container:after,.contact-outlet-container:before{box-shadow:1px 1px 1px rgba(0,0,0,.25);border:1px solid #bbb}.contact-outlet-container:before{content:"";position:absolute;height:95%;width:99%;background-color:#fff;box-shadow:5px 5px 30px 10px rgba(0,0,0,.8)}@media screen and (max-width:1440px){.contact-outlet-container:before{width:97%}}.contact-outlet-container:after{content:"";position:absolute;height:95%;width:99%;background-color:#ddd}.contact-outlet-container:before{right:-10px;top:10;transform:rotate(0deg);z-index:-1}@media screen and (max-width:1440px){.contact-outlet-container:before{right:0}}.contact-outlet-container:after{top:5px;right:-5px;transform:rotate(8deg);z-index:-2}.contact-all-info{display:grid;grid-template-columns:40% auto;height:100%;margin-left:18px}@media screen and (max-width:1440px){.contact-all-info{margin-left:15px;grid-template-columns:auto;grid-template-rows:30% auto}}@media screen and (max-width:641px){.contact-all-info{grid-template-rows:40% auto;height:280px;margin-left:8px;width:290px}}.contact-logo-container{vertical-align:middle;line-height:600px;background-color:#2b3a4b;height:94.8%}@media screen and (max-width:1440px){.contact-logo-container{height:100%;line-height:275px}}@media screen and (max-width:641px){.contact-logo-container{line-height:175px;width:290px}}.contact-logo{height:100px}@media screen and (max-width:641px){.contact-logo{height:70px}}.contact-info-container{display:grid;grid-template-columns:1fr;height:600px;padding-top:120px;margin-right:40px;margin-left:40px;padding-bottom:120px;grid-template-rows:auto auto auto 100px}@media screen and (max-width:1440px){.contact-info-container{height:420px;padding-top:40px;padding-bottom:40px}}@media screen and (max-width:641px){.contact-info-container{margin-right:20px;margin-left:16px;padding-top:0;font-size:12pt}}.contact-info-container .contact-header{grid-row-start:1;grid-column-start:1}.contact-info-container .contact-email{grid-row-start:2;grid-column-start:1}.contact-info-container .contact-other{grid-row-start:3;grid-column-start:1}.contact-info-container .contact-icon-list{grid-row-start:4;grid-column-start:1}.contact-email,.contact-header,.contact-other{margin:20px 20px 20px 10px}.contact-icon-list{display:grid;margin:20px auto auto;justify-items:center;width:100%;grid-template-columns:auto auto auto auto}.contact-icon-list .contact-icon{text-align:center;-webkit-filter:invert(100%);filter:invert(100%);height:30px}.footer{height:345px;border-top:2px solid grey;color:grey;font-size:14pt;padding:100px 10% 0}@media screen and (max-width:641px){.footer{height:145px;font-size:12pt;padding-top:30px}}.App{text-align:center;width:100vw;padding-bottom:50px}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.58c22add.chunk.css.map */