body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#282c34}@media screen and (max-width:600px){.introColumn{flex:1 0 100%;padding:1rem 0}}.navbar{background-color:#1d1d20;background-color:#282c34;justify-content:space-between;width:100%}.left,.navbar{align-items:center;display:flex}.left{justify-content:center;margin-left:3rem}.right{display:flex;list-style:none;margin-right:3rem}.right li{padding:.8rem}.navbar a{align-items:center;color:grey;display:flex;font-size:small;justify-content:center;text-decoration:none}.navbar a:hover{color:#fff;scale:1.5}.FaIcon{color:grey;font-size:2rem}.FaIcon:hover{color:#fff;scale:1.5}.navIcon{font-size:2rem}.navItem{position:relative}.navName{border-radius:.25em;color:#fff;font-size:.8em;left:50%;opacity:0;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .2s ease-in-out}.navItem:hover .navName{opacity:1}.corner-top-left{left:0;pointer-events:none;position:fixed;top:0;z-index:1}.welcome{align-items:center;background-color:#282c34;color:#00ff41;display:flex;font-family:Courier New,monospace;font-weight:700;margin-left:10rem;margin-right:15rem;margin-top:2rem;padding:2rem}.text{flex:1 1;font-size:20px;font-weight:800;margin-left:2rem}.image{-webkit-animation:borderMorph 8s infinite;animation:borderMorph 8s infinite;border:2px solid #00ff41;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.2);flex:1 1;max-height:25%;max-width:30%;overflow:hidden;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.image:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.profile-image{max-height:100%;max-width:100%;object-fit:cover;object-position:center}@-webkit-keyframes borderMorph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@keyframes borderMorph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@media screen and (max-width:768px){.welcome{flex-direction:column;margin-left:0;margin-right:0;text-align:center}.image{flex:1 1;max-height:auto;max-width:40%}}@media screen and (max-width:1180px){.welcome{flex-direction:column;margin-left:0;margin-right:0;text-align:center}.image{flex:1 1;max-height:auto;max-width:40%}}@-webkit-keyframes typing{0%{width:0}to{width:12ch}}@keyframes typing{0%{width:0}to{width:12ch}}@-webkit-keyframes cursor{50%{border-right-color:transparent}}@keyframes cursor{50%{border-right-color:transparent}}@-webkit-keyframes repeatAnimation{0%,15%,to{width:0}30%{width:12ch}}@keyframes repeatAnimation{0%,15%,to{width:0}30%{width:12ch}}.welcomeh1{border-right:.3em solid #00ff41;color:#00ff41;font-family:Courier New,monospace;font-size:5rem;font-weight:400;margin:0;overflow:hidden;padding:0;white-space:nowrap;width:0}.welcomeh1.visible{-webkit-animation:typing 4s steps(40) forwards,cursor .75s step-end infinite,repeatAnimation 10s steps(40) 6s infinite;animation:typing 4s steps(40) forwards,cursor .75s step-end infinite,repeatAnimation 10s steps(40) 6s infinite}@media (max-width:767px){.welcomeh1{font-size:2rem}}.projects{background-color:#282c34;box-sizing:border-box;color:#eaeafc;display:flex;margin-top:17rem;padding:2rem}.eachProject{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-left:3rem}.column{box-sizing:border-box;flex:1 0 30%}@media screen and (max-width:768px){.column{flex:1 0 100%}.eachProject{margin:0}}@media screen and (max-width:1180px){.column{flex:1 0 48%}.eachProject{margin:0}}.projectCard{background-color:#282c34;border:1px solid #3d4450;border-radius:7px;box-shadow:0 0 15px rgba(0,0,0,.9);color:#00ff41;cursor:pointer;font-family:Courier New,monospace;margin-bottom:10rem;overflow:hidden;padding:20px;text-align:center;transition:box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;width:80%}.projectCard:hover{box-shadow:0 4px 20px rgba(0,0,0,.9);-webkit-transform:scale(1.05);transform:scale(1.05)}.pname{font-size:30px;font-weight:900;margin-top:0}.projectContent{font-weight:700}.pskills{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin-left:-42px}.pskills li:before{content:"•";margin-left:2px;margin-right:2px}.pskills li{border-radius:3px;padding:5px;transition:background-color .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,background-color .3s ease-in-out;transition:transform .3s ease-in-out,background-color .3s ease-in-out,-webkit-transform .3s ease-in-out}.pskills li:hover{background-color:#3d4450;-webkit-transform:translateY(-5px);transform:translateY(-5px)}.skills{grid-gap:1rem;align-items:center;-webkit-animation:morph 8s infinite,gradientBG 15s ease infinite;animation:morph 8s infinite,gradientBG 15s ease infinite;background-color:#282c34;border:2px solid #00ff41;box-shadow:0 0 5px rgba(0,255,65,.2);color:#eaeafc;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));justify-content:center;margin-left:10rem;margin-right:10rem;margin-top:10rem;padding:8rem}.skills-title{color:#00ff41;font-family:Courier New,monospace;font-size:35px;font-weight:700;grid-column:1/-1;margin-bottom:2rem;margin-top:-5rem;text-align:center}.icon-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(75,85,99,.9) 65%,rgba(59,68,81,.2) 90%);-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);display:inline-block;height:100px;margin:5px;padding:0;position:relative;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:120px}.icon-wrapper:hover{box-shadow:0 4px 50px rgba(59,68,81,.9),0 1px 3px rgba(75,85,99,.9);-webkit-transform:scale(1.1) rotate(20deg);transform:scale(1.1) rotate(20deg)}.icon{color:#e5e7eb;font-size:40px;top:50%}.icon,.icon-name{left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.icon-name{bottom:1%;font-size:12px;font-weight:600;text-align:center}@-webkit-keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@-webkit-keyframes gradientBG{0%,to{background-image:linear-gradient(120deg,#666e7e,#348949,#707a8e)}50%{background-image:linear-gradient(120deg,#00ff41,#282c34,#00ff41)}}@keyframes gradientBG{0%,to{background-image:linear-gradient(120deg,#666e7e,#348949,#707a8e)}50%{background-image:linear-gradient(120deg,#00ff41,#282c34,#00ff41)}}@media screen and (max-width:768px){.skills{margin-left:0;margin-right:0;margin-top:10rem}}@media screen and (max-width:600px){.skills{margin-left:0;margin-right:0;margin-top:10rem}}.corner-bottom-right{bottom:0;pointer-events:none;position:fixed;right:0;z-index:1}.stop-color1{stop-color:#16d116}.stop-color1,.stop-color2{transition:stop-color 2s ease-in-out}.stop-color2{stop-color:#495a5e}.gradient-set-1 .stop-color1{stop-color:#666e7e}.gradient-set-1 .stop-color2{stop-color:#52de75}.gradient-set-2 .stop-color1{stop-color:#707a8e}.gradient-set-2 .stop-color2{stop-color:#00ff41}.gradient-set-3 .stop-color1{stop-color:#282c34}.gradient-set-3 .stop-color2{stop-color:#23ce5c}.gradient-set-4 .stop-color1{stop-color:#13b644}.gradient-set-4 .stop-color2{stop-color:#5c6e7e}.gradient-set-5 .stop-color1{stop-color:#158b3d}.gradient-set-5 .stop-color2{stop-color:#2c3d47}
/*# sourceMappingURL=main.e1bfb8d6.css.map*/