.app2{z-index:2;color:#fff;padding-top:7rem;position:relative}@media only screen and (max-width:768px){.app2{padding-top:2rem}}
input,textarea,button{font-family:inherit}.nav{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0a192fa0;width:100%;padding-top:1.5rem;font-size:1em;position:fixed;top:0;z-index:10!important}.resumebutton{color:#64ffda;background-color:#0a192f;border:1px solid #64ffda;border-radius:.3rem;padding:.7rem;font-size:1.2em;font-weight:700;transition:all .2s ease-in-out}.resumebutton:hover{background-color:#64ffdb1f}.navLogo{line-height:0;display:inline-block}.nav img{width:auto;height:5rem;padding-left:3rem}.nav ul{float:right;padding-right:3rem;display:inline}.nav ul li{padding:1.2rem;list-style:none;display:inline}.nav ul li a{color:#ccd6f6;text-decoration:none;transition:all .3s ease-in-out}.navNum,.nav ul li a:hover{color:#64ffda}.hamburger{z-index:21;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:flex-end;margin-top:2.1rem;margin-right:3rem;padding:0;display:flex;position:fixed;top:0;right:0}.hamburger>span{background-color:#fff;border-radius:2px;width:25px;height:4px;margin:.1rem;transition:all .3s ease-in-out}.hamburger:hover span:nth-child(2){background-color:#64ffda;transform:translate(10px)}.hamburger--open span:first-child{background-color:#64ffda;transform:translateY(6px)rotate(45deg)}.hamburger--open span:nth-child(2){opacity:0}.hamburger--open span:nth-child(3){background-color:#64ffda;transform:translateY(-6px)rotate(-45deg)}.navOverlay{z-index:15;background-color:#00000080;position:fixed;inset:0}.hamMenu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background-color:#0a192fb8;width:auto;height:100vh;font-size:large;transition:transform .5s ease-in-out;position:fixed;top:6rem;right:0;transform:translate(110%);box-shadow:10px 8px 10px #888}.hamMenu--open{transform:translate(0)}.hamMenu ul{float:right;list-style:none;display:inline}.hamMenu ul li{padding:2rem}.hamMenu ul li a{color:#ccd6f6;transition:all .3s ease-in-out}.hamMenu ul li a:hover{color:#64ffda}@media screen and (max-width:900px){.nav ul{display:none}.nav img{width:3rem;height:3rem;padding-left:3rem}}@media screen and (min-width:900px){.hamburger{display:none}.hamMenu{transform:translate(100%)!important}.navOverlay{display:none}}
.lnk{z-index:9;position:absolute}.lnk ul{color:#ccd6f6;padding:0;text-decoration:none;list-style:none;position:fixed;bottom:10vh;right:-10rem;transform:rotate(-.75turn)}.emaillist li{padding-left:.3rem;font-size:1.2em;display:inline}.emailatag{color:#ccd6f6;letter-spacing:2px}@media screen and (max-width:900px){.lnk ul{font-size:.9em;right:-10rem}.lnk{display:none}}
.lnk2{z-index:9;position:absolute}.lnk2 ul{color:#ccd6f6;padding:0;text-decoration:none;list-style:none;position:fixed;bottom:15vh;left:-6rem;transform:rotate(-.25turn)}.emaillist2 li{padding-left:.3rem;font-size:1.2em;display:inline}.socioicon{color:#ccd6f6;float:right;margin-left:1.5rem}.socioicon svg{width:20px;height:20px;transform:rotate(1.25turn)}@media screen and (max-width:900px){.lnk2 ul{font-size:.9em;left:-10rem}.lnk2{display:none}}
.heroSection{background-color:#6d0ecc00;height:90vh;margin:0 7% 2rem;padding-left:10%}.herotext{padding-top:10%;font-family:sans-serif;line-height:2.3rem}.herotext p{color:#64ffda;font-family:monospace;font-size:x-large}.aboutTitle p{display:inline}.herotext .name{cursor:pointer;color:#ccd6f6;font-family:inherit;font-size:4.5rem}.herotext .name a{color:inherit;text-decoration:none}.descKeyword{color:#64ffda;font-weight:700;display:inline}.herotext .built{color:#e0e2ea;font-family:inherit;font-size:4.5rem}.herotext .desc{color:#fff;width:60%;margin-top:4rem;font-size:1.3rem;font-weight:lighter;line-height:1.8rem}.gitbutton{word-spacing:2px;color:#64ffda;background-color:#0a192f;border:1px solid #64ffda;border-radius:.3rem;padding:1.3rem;font-family:monospace;font-size:.9rem;font-weight:700;transition:all .2s ease-in-out}.gitbutton:hover{background-color:#64ffdb1f}@media only screen and (max-width:768px){.herotext{line-height:2.9rem}.heroSection{-webkit-user-select:none;user-select:none;background-color:#6390;height:fit-content;padding:5%}.herotext .name{width:max-content;font-size:2rem}.herotext .built{white-space:nowrap;font-size:1.8rem}.herotext .desc{width:90%;font-size:1rem}.gitbutton{padding:.8rem;font-size:medium}}.neonText{color:#fff;text-shadow:0 0 7px #fff4,0 0 10px #ffffff41,0 0 21px #ffffff52,0 0 42px #00ffaa28,0 0 82px #00ffaa51,0 0 92px #00ffaa40,0 0 102px #0fa4,0 0 151px #00ffaa45}
.aboutContainer{z-index:2;background-color:#6390;margin:2% 22% 12%;font-family:sans-serif}.aboutTitleNumber{color:#64ffda;font-family:monospace}.aboutTitleText{color:#ccd6f6}.aboutTitle>.aboutLine{color:#8892b04b;padding-left:1rem;font-family:monospace}.aboutGrid{grid-template-columns:4fr 1fr;justify-items:center;display:grid}.aboutContent{margin-top:2rem;line-height:1.5rem}.aboutPara{color:#fff;margin-top:0;margin-bottom:1rem;display:block}.aboutPhoto{position:relative}.myimage{width:250px;height:auto;margin:2rem 2rem 0;transition:all .3s ease-in-out}.afterSquare{z-index:-1;border:2px solid #64ffda;width:250px;height:250px;position:absolute;top:10%;left:18%}.myimage:hover{transform:translateY(-4px)}.skillLi:before{content:"▹";color:#64ffda;padding-right:1rem}.skillLi{color:#fff;margin-right:2rem}.aboutSkillul{grid-template-columns:2fr 2fr;gap:.2rem;width:fit-content;padding:0;list-style:none;display:grid}@media only screen and (max-width:900px){.aboutContainer{-webkit-user-select:none;user-select:none;margin:14% 5% 20%}.aboutGrid{grid-template-columns:1fr}}@media only screen and (max-width:768px){.aboutContainer{-webkit-user-select:none;user-select:none;margin:14% 5% 20%}.aboutTitle{white-space:nowrap;overflow:hidden}.aboutGrid{grid-template-columns:1fr}.myimage{width:220px;height:220px}.aboutTitle{font-size:large}.aboutPhoto{z-index:1}.afterSquare{z-index:-1;border:2px solid #64ffda;width:220px;height:220px;position:absolute;top:17%;left:17%}}
.cardArea{background-color:#6390;margin:0 14%}.cardArea *{font-family:monospace}.cah1{text-align:center;margin-bottom:0}.cardAreaTitle{color:#ccd6f6;font-size:x-large}.cardAreaSubTitle{color:#64ffda;margin-bottom:2rem;font-size:large}.cardAreaInfo{color:#64ffda;font-size:medium;font-weight:400}.cards{grid-template-columns:repeat(3,minmax(200px,1fr));gap:1rem;margin-top:2rem;padding-left:3rem;padding-right:3rem;display:grid}.showMoreButt{all:unset;color:#64ffda;background-color:#0a192f;border:1px solid #64ffda;border-radius:.3rem;padding:.7rem;font-size:1rem;transition:all .2s ease-in-out}.showMoreButt:hover{background-color:#64ffdb1f}.showMoreButtonArea{text-align:center;margin:5% 0 15%}@media only screen and (max-width:1200px){.cardArea{margin:0 14%}.cards{grid-template-columns:1fr;gap:1rem;padding:.5rem}}@media only screen and (max-width:658px){.cardArea{margin:0 5%}.cards{padding:0;grid-template-columns:1fr!important}}
.singleCard{background-color:#112240;border-radius:8px;padding:2rem;transition:all .3s ease-in-out}.singleCard *{transition:all .1s ease-in-out}.singleCard:hover{transform:translateY(-7px)}.singleCard:hover .cardContent>.projectTitle{color:#64ffda}.cardContent{color:inherit;cursor:pointer;text-decoration:none;display:block}.projectGitLink{color:#fff;display:inline-flex}.singleCard *{font-family:sans-serif}.cardTop{background-color:#a52a2a00;justify-content:space-between;align-items:center;display:flex}.cardicon{width:40px;height:40px;transition:all .2s ease-in-out}.projectGitLink:hover{color:#64ffda;cursor:pointer;transform:translateY(-3px)}.feather-folder{color:#64ffda}.feather-github{width:20px;height:20px}.cardp{margin-bottom:0;display:block}.projectTitle{color:#ccd6f6;margin:0;font-size:large;font-weight:700}.projectSubtitle{color:#919dbb;text-align:left;height:6rem;margin:1rem 0 1.8rem;font-size:1rem}.cardTags{flex-flow:wrap;margin:0;padding:0;list-style:none;display:flex}.projectTag{color:#9da3b5;margin:0 .5rem .3rem;font-size:small;font-weight:700;display:inline}@media only screen and (max-width:1300px){.projectSubtitle{height:9rem}}@media only screen and (max-width:1200px){.projectSubtitle{height:auto}}
.sayHelloSection{text-align:center;background-color:#6390;margin:12% 22% 0%;padding-bottom:200px}.sayHelloTitleArea{color:#64ffda;font-size:x-large}.sayHelloContentTitle{color:#ccd6f6;margin-top:2%;margin-bottom:2%;font-size:3rem;font-weight:700}.sayHelloContentPara{color:#7d87a4;margin-bottom:5%;padding:0 20%;line-height:1.3rem}.sayHelloTitleLine{color:#8892b04b;padding-left:1rem;font-family:monospace}.sayHelloContent{font-family:sans-serif}.sayHelloContent>p{display:block}.sayHelloContentButton{color:#64ffda;background-color:#0a192f;border:1px solid #64ffda;border-radius:.3rem;padding:1.3rem;font-family:monospace;font-size:1.2rem;font-weight:700;transition:all .2s ease-in-out}.sayHelloContentButton:hover{background-color:#64ffdb1f}@media only screen and (max-width:768px){.sayHelloSection{margin:15% 12% 0%}.sayHelloContentPara{word-wrap:break-word;margin:0 2% 25px}.sayHelloContentButton{padding:1rem}.sayHelloContentTitle{font-size:2rem}.sayHelloTitleArea{font-size:large}}
.socialFootSection{display:none}.socialFootUl{text-align:center;padding-left:0;list-style:none}.socialFootUl>li{padding:0 .5rem;display:inline}.socialFootIconCommon{color:#7d87a4;width:28px;height:28px}.socialFootText{text-align:center;color:#7d87a4;padding-bottom:1rem;font-size:.8rem}.heart{color:red}.sayHelloTitleArea span{display:inline}@media only screen and (max-width:903px){.socialFootSection{background-color:#6390;margin:0 10% 0%;padding-bottom:5%;display:block}.socialFootUl{text-align:center;padding-left:0;list-style:none}.socialFootUl>li{padding:0 .5rem;display:inline}.socialFootIconCommon{color:#7d87a4;width:28px;height:28px}.socialFootText{text-align:center;color:#7d87a4;font-size:.8rem}}