@import url("https://fonts.googleapis.com/css2?family=Alexandria:wght@300;500&family=Arvo:wght@400;700&family=Crimson+Pro:ital,wght@0,600;0,700;1,200;1,300;1,400;1,600&family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,700&family=DM+Serif+Text:ital@0;1&family=Gloria+Hallelujah&family=Montserrat:wght@300;400;500&family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,700;0,800;0,900;0,1000;1,200;1,600;1,700;1,800;1,900&family=Noto+Serif+JP:wght@200;300&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,700;1,800&family=Prompt:wght@200&family=Questrial&display=swap");@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,700;0,800;0,900;0,1000;1,200;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,500&family=Play&family=Press+Start+2P&display=swap");*{font-family:Mulish,sans-serif;box-sizing:border-box}body{background-color:#0e1111;width:-moz-fit-content;width:fit-content}.main-home-screen{margin:20px 50px 0}.desktop-menu{display:none}.text_box{width:0;overflow:hidden;font-size:4rem;white-space:nowrap;animation:typing 2s steps(4) infinite}@keyframes typing{0%{width:0}}.firstName{background:none;font-weight:500;color:#fff;text-decoration:underline;-webkit-text-decoration-color:#dab7f9;text-decoration-color:#dab7f9;letter-spacing:2px;text-shadow:1px 1px 1px #000,1px 1px 1px #000,-1px 0 0 #000,1px 0 0 #000,0 -1px 1px #000,1px 1px 0 #000;font-weight:800;font-size:42px}.fullName{display:flex;flex-direction:row;gap:5px}.btn{color:#fff;background-color:#0e1111;border:none;font-size:35px;font-weight:600}.btn:focus{outline:none}.btn1{text-decoration:underline;-webkit-text-decoration-color:#dab7f9;text-decoration-color:#dab7f9}.btn2{text-decoration:underline;-webkit-text-decoration-color:#369cee;text-decoration-color:#369cee}.btn3{text-decoration:underline;-webkit-text-decoration-color:#76c442;text-decoration-color:#76c442}.animate{animation-duration:.75s;animation-delay:.5s;animation-name:animate-fade;animation-timing-function:cubic-bezier(.26,.53,.74,1.48);animation-fill-mode:backwards}.animate.glow{animation-name:animate-glow;animation-timing-function:ease}@keyframes animate-glow{0%{opacity:0;filter:brightness(3) saturate(3);transform:scale(.8)}to{opacity:1;filter:brightness(1) saturate(1);transform:scale(1)}}.delay-1{animation-delay:.6s}.delay-2{animation-delay:.7s}.delay-3{animation-delay:.8s}.back-to-top{cursor:pointer;margin-top:15%;font-size:2rem}.back-to-top,.footer-credit{display:flex;justify-content:center;color:#fff;font-weight:700;text-transform:uppercase}.footer-credit{font-size:1rem;margin-top:8%}.jobTitle{background:none;color:#fff;text-decoration:none;letter-spacing:2px;text-shadow:2px 2px 2px #000,1px 1px 1px #000,-1px 0 0 #000,1px 0 0 #000,0 -1px 1px #000,1px 1px 0 #000;font-weight:800;font-size:50px;padding-top:5px;margin-top:80px;letter-spacing:-1px;font-family:Press Start\ 2P;display:block;word-spacing:-20px}span{border-right:.05em solid;animation:caret 1s steps(1) infinite}@keyframes caret{50%{border-color:transparent}}.arrow{box-sizing:border-box;height:5vw;width:5vw;border-color:#fff;border-style:solid;border-width:0 3px 3px 0;transform:rotate(45deg);transition:border-width .15s ease-in-out}.arrow:hover{border-bottom-width:5px;border-right-width:5px}.containerArrow{display:flex;align-items:center;justify-content:center}.kirbyContact{position:absolute;right:250px;top:350px}.contactTitle{background:none;color:#fff;text-decoration:none;letter-spacing:2px;text-shadow:1px 1px 1px #000,1px 1px 1px #000,-1px 0 0 #000,1px 0 0 #000,0 -1px 1px #000,1px 1px 0 #000;font-weight:800;font-size:42px;margin-top:30px;margin-left:10px}.introBubbleContact{margin-top:20%;margin-bottom:60%}.avatar{padding-bottom:10px}.contactParagraph{font-size:20px}.spacer-750{height:750px}.spacer-50{height:50px}.github-project{padding:10px 0 0}.contactInfo{padding-top:8%;height:3rem}.linkedIn{margin-left:5px}.gitHub,.linkedIn,.twitter{margin-right:15px}@media only screen and (min-width:600px){.desktop-menu{display:flex}.mobile-menu{display:none}}@media only screen and (min-width:768px){body{width:-moz-fit-content;width:fit-content}.fullName{display:flex;flex-direction:row;gap:5px;margin-bottom:30px}.jobTitle{background:none;color:#fff;text-decoration:none;letter-spacing:0;font-family:Press Start\ 2P;text-shadow:2px 2px 2px #000,1px 1px 1px #000,-1px 0 0 #000,1px 0 0 #000,0 -1px 1px #000,1px 1px 0 #000;font-weight:800;line-height:101%;letter-spacing:-5px;word-spacing:-35px;display:block;font-size:9.4rem;margin-top:40px}.jobTitle,.typing-container{width:100%}span{border-right:.05em solid;animation:caret 1s steps(1) infinite}@keyframes caret{50%{border-color:transparent}}.arrow{box-sizing:border-box;height:5vw;width:5vw;border-color:#fff;border-style:solid;border-width:0 1px 1px 0;transform:rotate(45deg);transition:border-width .15s ease-in-out}.arrow:hover{border-bottom-width:4px;border-right-width:4px}.containerArrow{display:flex;align-items:center;justify-content:center}.header{display:flex;justify-content:space-between}.kirbyContact{position:absolute;right:35%;top:42%}.introBubbleContact{margin-top:0;font-size:14px;width:500px}.contactContainer{width:550px;height:250px}.introBubbleAndContactContainer{margin-top:60px;display:flex;flex-direction:row-reverse;justify-content:space-between}}@media screen and (prefers-reduced-motion:reduce){.animate{animation:none!important}}.mobile{padding-bottom:20px}.container-mockup-text{display:flex;flex-direction:column;align-items:center}.project-links{background-color:none;color:#fff;font-size:larger;font-weight:700}.project-links:hover{text-decoration:underline;-webkit-text-decoration-color:#dab7f9;text-decoration-color:#dab7f9;color:#fff;text-decoration-thickness:3px}.mockup{margin-right:0}.collborator-github-links{color:#fff}.collborator-github-links:hover{text-decoration:underline;-webkit-text-decoration-color:#dab7f9;text-decoration-color:#dab7f9;color:#fff;text-decoration-thickness:2px}.github-live-links-container{display:flex;gap:10px}.line-divider{font-size:18px;font-weight:800;color:#369cee}.project-heading{color:#fff;display:flex;justify-content:center;font-size:38px;text-decoration:underline;-webkit-text-decoration-color:#dab7f9;text-decoration-color:#dab7f9;font-weight:700;text-transform:uppercase}.project-text{flex-direction:column;font-family:Mulish,sans-serif;font-size:1.1rem;font-family:Sen,sans-serif;background-color:#0e1111;color:#f8f8f8;line-height:1.6;letter-spacing:1.5px}.mockup,.project-text{width:calc(100% - 100px);display:flex;justify-content:center}@media only screen and (min-width:600px){.container-mockup-text{display:flex;margin:60px}.project-heading{color:#fff;display:flex;justify-content:center;font-size:38px;text-decoration:underline;-webkit-text-decoration-color:#dab7f9;text-decoration-color:#dab7f9;font-weight:700;text-transform:uppercase}.mockup{margin-right:50px}.mockup,.project-text{width:calc(70% - 70px);display:flex;justify-content:center}.container-project-and-heading{margin-top:0}.project-text{flex-direction:column;font-family:Mulish,sans-serif;font-size:1.1rem;font-family:Sen,sans-serif;background-color:#0e1111;color:#f8f8f8;line-height:1.6;letter-spacing:1.5px}}@media only screen and (min-width:768px){.container-mockup-text{display:flex;flex-direction:row}.container-project-and-heading{margin-top:0}.project-heading{color:#fff;display:flex;justify-content:center;font-size:38px;text-decoration:underline;-webkit-text-decoration-color:#dab7f9;text-decoration-color:#dab7f9;font-weight:700;text-transform:uppercase;margin-top:0}.mockup{margin-right:50px}.project-text{flex-direction:column;font-family:Mulish,sans-serif;font-size:1.1rem;font-family:Sen,sans-serif;background-color:#0e1111;color:#f8f8f8;line-height:1.6;letter-spacing:1.5px}.mockup,.project-text{width:calc(50% - 50px);display:flex;justify-content:center}}.cards-list{display:grid;align-items:center;grid-template-columns:repeat(auto-fit,minmax(300px));grid-gap:30px;gap:30px}.gridlinks{display:flex;justify-content:center}.card{height:300px;width:300px;border-radius:40px;box-shadow:5px 5px 30px 7px rgba(0,0,0,.25),-5px -5px 30px 7px rgba(0,0,0,.22);cursor:pointer;transition:.4s}.card .card_image,.card .card_image img{width:inherit;height:inherit;border-radius:40px}.card .card_image img{object-fit:cover}.card .card_title{text-align:center;border-radius:0 0 40px 40px;font-weight:700;margin-top:-80px;height:40px}.card-text{font-family:Press Start\ 2P;font-size:18px}.card:hover{transform:scale(.9);box-shadow:5px 5px 30px 15px rgba(0,0,0,.25),-5px -5px 30px 15px rgba(0,0,0,.22)}.title-white{color:#fff}.title-black{color:#0e1111}@media only screen and (min-width:600px){.cards-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:30px;gap:30px;margin:60px}}.about-me-section{display:flex;flex-direction:column}.about-pic,.about-text{width:calc(100% - 100px);display:flex;justify-content:center}.about-text{flex-direction:column;font-family:Mulish,sans-serif;font-size:1.2rem;font-family:Sen,sans-serif;background-color:#0e1111;color:#f8f8f8;line-height:1.6;letter-spacing:1.5px}.about-name{color:#fff;font-size:38px;display:flex;justify-content:center;text-decoration:underline;-webkit-text-decoration-color:#369cee;text-decoration-color:#369cee;align-items:center;font-weight:700;flex-direction:column;padding-bottom:20px}.svg{height:6rem;width:6rem}.skill-name:hover{color:#dab7f9}.skills-heading{display:flex;align-items:center;flex-direction:column;color:#fff;font-size:38px;text-decoration:underline;-webkit-text-decoration-color:#dab7f9;text-decoration-color:#dab7f9}.image{width:100%;height:auto;display:block;border:0}.about-name,.skills-title{flex-direction:column}.skills-title{display:flex;text-align:center}.image{width:300px;height:300px;padding-bottom:20px}.spacer{height:20vh}.wrapper{max-width:1180px;margin:0 auto;width:90%}.skills{height:100%;margin:6% 55px}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.link,.skills-container,.skills-title{text-decoration:none;list-style:none;color:#f8f8f8;padding:20px;border:none;margin:0}.skills-title span{font-size:6.5rem}.about-name,.skills{font-weight:700;text-transform:uppercase}.about-name,.skills-container,.skills-title{margin:5px;border:none}.skills-title{display:block;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0}@media only screen and (min-width:600px){.image{padding-bottom:0}.about-me-section{margin-top:0}.container-pic-text{display:flex}.about-pic{margin-right:50px}.about-pic,.about-text{width:calc(50% - 50px);display:flex;justify-content:center}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media only screen and (min-width:768px){.about-me-section{margin-top:0}.container-pic-text{display:flex;flex-direction:row;margin:60px}.about-pic{margin-right:50px}.about-pic,.about-text{width:calc(50% - 50px);display:flex;justify-content:center}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.image{width:400px;height:100%}}.container-project-and-heading{display:flex;flex-direction:column}.contact-heading{color:#fff;display:flex;justify-content:center;font-size:38px;text-decoration:underline;-webkit-text-decoration-color:#76c442;text-decoration-color:#76c442;font-weight:700;text-transform:uppercase}.container-pic-text{display:flex;flex-direction:column;align-items:center}.contact-text{flex-direction:column;font-family:Mulish,sans-serif;font-size:1.1rem;font-family:Sen,sans-serif;color:#030200;line-height:1.6;letter-spacing:1.5px}.contact-text,.form{width:calc(90% - 90px);display:flex;justify-content:center}.contact-form-text,.phone-icon,.reach-out{color:#fff}.contact-form-text{display:flex;flex-direction:inherit;padding-top:8px;font-weight:700;font-size:large}.form-input{width:400px}.success-message{color:#5fcc4d}.contact-error-form-text{color:#e53d38}.submit-button{background-color:#369cee;border:#369cee;color:#fff;margin-top:10px;padding:8px 30px;border-radius:3px;font-weight:700;font-size:large;margin-bottom:16px}.call-section{display:flex;gap:10px}.phone-icon{align-items:center;margin-top:9px}@media only screen and (min-width:600px){.container-project-and-heading{margin-top:0}.container-pic-text{display:flex;padding-top:20px;margin-top:5px}.form{margin-right:50px}.contact-text,.form{width:calc(50% - 50px);display:flex;justify-content:center}.form{padding-top:60px}}@media only screen and (min-width:768px){.container-project-and-heading{margin-top:0}.container-pic-text{display:flex;flex-direction:row;padding-top:20px;margin-top:5px}.form{margin-right:50px}.contact-text,.form,.form-container{width:calc(50% - 50px);display:flex;justify-content:center}.form-container{flex-direction:column}}.open{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0e1111;z-index:1;overflow:hidden}.open ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.open ul li{margin:12px 0}.open ul li a{font-size:24px;color:#fff;text-decoration:none;transition:color .2s ease-in-out}.closed ul{display:none}.hamburger{display:block;position:fixed;top:20px;right:20px;width:48px;height:48px;background-color:transparent;border:none;cursor:pointer;z-index:2}.hamburger:focus{outline:none}.hamburger-line{display:block;width:30px;height:2px;background-color:#fff;margin:6px auto;transition:transform .2s ease-in-out}.open .hamburger-line:first-child{transform:rotate(-45deg) translate(-7px,7px)}.open .hamburger-line:nth-child(2){opacity:0}.open .hamburger-line:nth-child(3){transform:rotate(45deg) translate(-7px,-7px)}@media screen and (min-width:600px){.mobile-menu{display:none}}