@import url(https://fonts.googleapis.com/css2?family=Audiowide&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);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{align-items:center;color:#f5f5f5;display:flex;flex-direction:column;font-family:Lato;font-size:20px;text-align:center}.light-mode-section-1,.light-mode-section-nav{background-color:#8bbae9;box-shadow:0 0 1vw #151f31;color:#151f31}.light-mode-section-2{background-color:#157add;border:1.5px solid #157add;box-shadow:0 0 1vw #151f31}.dark-mode-section-1,.dark-mode-section-nav{background-color:#151f31;border:1.5px solid #157add;box-shadow:0 0 1vw #157add}.dark-mode-section-2{background-color:#051016;box-shadow:0 0 1vw #157add}.spinner{animation:spin 2s linear infinite;border:3px solid #f5f5f5;border-radius:50%;border-top-color:#000;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.portfolio{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0;max-width:100vw;overflow:hidden;padding:0}*{scroll-behavior:smooth}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:reduce){html{animation:none!important;scroll-behavior:none;transition:none!important}}nav{align-items:center;box-shadow:0 0 1vw #157add;display:flex;flex-direction:row;height:4vw;justify-content:center;letter-spacing:1px;padding:0 1.5vw;position:fixed;top:1.2vw;width:60vw;z-index:1000}.navbar-opener,nav{border-radius:10px;font-family:Audiowide;font-size:1.3rem}.navbar-opener{background-color:#f5f5f5;color:#051016;cursor:pointer;display:none;font-size:1.2rem;font-weight:900;min-width:15vw;opacity:.8;padding:10px 15px;text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.navbar-opener:hover{opacity:1;scale:1.1}.navbar-overlay{animation:navbarOverlay .5s ease-out;background:linear-gradient(90deg,#151f31);background-repeat:no-repeat;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes navbarOverlay{0%{transform:translateX(100%)}to{transform:translateX(0)}}.navbar-overlay-content{align-items:end;display:flex;flex-direction:column;gap:2rem;height:50%;justify-content:space-between;width:80%}.navbar-overlay-content div{align-items:start;display:flex;flex-direction:column;justify-content:center;padding:5vw 0;row-gap:8vw;width:100%}.close-btn{background:#157add;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Audiowide;font-size:1.4rem;margin-top:2rem;padding:.7rem 2rem;text-transform:uppercase;transition:all .3s ease-in-out}.close-btn:hover{filter:brightness(1.2);scale:1.1}.nav-link{align-items:center;color:#fff;display:flex;font-weight:900;height:100%;overflow:hidden;padding:0 1.5vw;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;width:auto}.nav-link:hover{background-color:#a09f9f;color:#051016;cursor:pointer}.nav-link:after{background-color:#157add;bottom:0;content:"";height:3px;left:0;position:absolute;transition:width .5s ease-in-out;width:0}.nav-link:hover:after{width:100%}.nav-overlay-link{background-color:#151f31;color:#fff;font-family:Audiowide;font-size:2.75rem;font-weight:900;height:100%;padding:2vw 0;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;width:auto}.nav-overlay-link:after{background-color:#157add;bottom:0;content:"";height:5px;left:0;position:absolute;transition:width .5s ease-in-out;width:0}.nav-overlay-link:hover:after{width:100%}#about-me{background:url(/static/media/background.e7eadba8381e98c924e2.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:row;gap:5vw;justify-content:center;min-height:100vh;padding-top:6vh;width:100%}#about-me,.profile-img{align-items:center;display:flex}.profile-img,.profile-img div{flex-direction:column}.profile-img div{align-items:center;display:flex;justify-content:center}@keyframes popIn{0%{filter:blur(2px);opacity:0;transform:scale(.95) translateY(30px)}to{filter:blur(0);opacity:1;transform:scale(1) translateY(0)}}.profile-img img{border-radius:10%;width:25vw}.profile-img h3 img{width:2vw}.profile-img h3{align-items:center;column-gap:10px;display:flex;flex-direction:row;font-size:1.5rem}.description-div{align-items:flex-start;border-radius:10px;box-shadow:0 0 1vw #157add;display:flex;flex-direction:column;line-height:29px;padding:2vw 3vw;width:57%}.description-div>p span{font-size:1.4rem;font-weight:900}.about-me-title>span{align-items:center;border-radius:10px;display:flex;font-size:1.2rem;gap:.2vw;height:6vh;justify-content:center;padding:.6vw .7vw}.section-title{font-family:Audiowide;text-transform:uppercase}.description-div p{font-size:1.2rem;text-align:left;width:95%}.about-me-title{align-items:center;display:flex;flex-direction:row;font-family:Audiowide;gap:2vw;height:5vw;justify-content:space-between;padding:0 .5vw;width:100%}#hello-emoji{animation:rotateHand 2s infinite;background-color:initial;display:inline-block;font-size:2rem}@keyframes rotateHand{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.about-me-title img{filter:brightness(.6);height:3vh}.phrases{text-decoration:underline}#contact-me{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.social-icon img{opacity:.8;transition:all .3s ease-in-out;width:4vw}.social-icon img:hover{opacity:1;scale:1.1}#contact-me div{align-items:center;display:flex;flex-direction:row;margin:0 20px}.phone-img{width:4.5vw}#contact-me p{font-size:20px;font-weight:900}.up-arrow{align-items:center;background-color:#151f31;border-radius:10px;bottom:20px;box-shadow:0 0 15px #157add;color:#fff;display:flex;font-size:2rem;height:4vw;justify-content:center;left:90vw;margin:50px;position:fixed;text-decoration:none;transition:transform .3s cubic-bezier(.68,-.55,.27,1.55),color .3s ease-in-out;width:4vw}.up-arrow:hover{color:#157add;transform:translateY(-12px) scale(1.08) rotate(-8deg)}.scroller-card{border-radius:5px;display:flex;flex-direction:column;flex-shrink:0;font-size:2rem;justify-content:center;object-fit:cover;padding:10px;width:9vw}#skills{--gap:20px;overflow:hidden;width:100vw}#skills,.scroller-list[data-animated=true]{display:flex;flex-direction:row;gap:var(--gap)}.scroller-list[data-animated=true]{animation:scrolling 7.5s linear infinite;flex-wrap:nowrap;list-style:none;padding:0;white-space:nowrap;width:-webkit-max-content;width:max-content}@keyframes scrolling{to{transform:translateX(calc(-100% - var(--gap)))}}.express-img,.tech-img{width:6vw}.java-img{width:5.5vw}.flip-card{background-color:initial;height:37.5vh;perspective:1000px;width:40vw}.flip-card-inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform 1.7s cubic-bezier(.3,0,.2,1);width:100%;will-change:transform}.flipped{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;height:100%;position:absolute;width:100%}.flip-card-front{align-items:start;flex-direction:column}.flip-card-front,.flip-card-front>div{display:flex;justify-content:space-between}.flip-card-front>div{align-items:center;flex-direction:row;width:100%}.flip-card-back{background-color:#151f31;color:#fff;justify-content:start;transform:rotateY(180deg)}#projects,.flip-card-back{display:flex;flex-direction:column}#projects{align-items:center;gap:2vw;padding:8vw 0}.projects-div{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:3vw;justify-content:center}#projects>h2{padding-top:1.5vh;width:100vw}.github-icon{border-radius:50%;box-shadow:0 0 10px #157add;filter:brightness(1);margin:1vw 2vw;transition:all .3s ease-in-out;width:3vw}.github-icon:hover{filter:brightness(1.5);scale:1.1}@keyframes rotate{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}.flip-card-back>div{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.flip-card-back h2{margin:1vw 2vw}.flip-card-back ul{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1vw;height:40%;justify-content:center;list-style:none;padding:1vw 1.5vw}.flip-card-back li{background-color:#157add;border-radius:20px;font-size:1.2rem;opacity:.9;padding:.5vw 1.1vw;transition:all .2s ease-in-out}.flip-card-back li:hover{cursor:pointer;opacity:1;scale:1.1}.button-link{align-items:center;background:linear-gradient(90deg,#157add);background-color:#f5f5f5;background-repeat:no-repeat;background-size:0 100%;border:none;border-radius:20px;color:#051016;display:flex;flex-direction:row;font-family:Audiowide;font-size:1.3rem;font-size:1.2rem;font-weight:900;justify-content:center;min-width:10vw;outline:none;padding:10px 15px;text-decoration:none;text-transform:uppercase;transition:.5s ease-in-out}.button-link:hover{background-size:100% 100%;color:#fff;cursor:pointer}.website-link{font-size:1.1rem;height:1.5vw;margin:1vw}#message-me{align-items:flex-start;display:flex;flex-direction:column;font-size:22px;font-weight:900;padding:8vw 0;width:80vw}#message-me>div{align-items:center;display:flex;flex-direction:row;gap:6vw;justify-content:space-around;margin:30px 0}#message-me img{width:25vw}#message-me form{align-items:start;display:flex;flex-direction:column;gap:1.5vw;height:auto;justify-content:center;width:50vw;z-index:2}#message-me input{height:3vw;width:100%}.important-info{align-items:center;flex-direction:row;gap:1.5vw;justify-content:space-between}.form-div,.important-info{display:flex;width:100%}.form-div input,.form-div textarea,.important-info input{background-color:#151f31;border:none;border-radius:10px;box-shadow:0 0 10px #157add;box-sizing:border-box;color:#f5f5f5;font-family:Audiowide;font-size:1.2rem;padding:.5vw .7vw;width:100%}.form-div textarea{height:225px}#footer{color:hsla(0,0%,100%,.906);height:auto;justify-content:space-between;width:100%}#footer,.social-icon-div{align-items:center;display:flex;flex-direction:row}.social-icon-div{gap:4vw;padding:4vw 9vw}.button-div{align-items:center;column-gap:20px;display:flex;flex-direction:row;height:50px}.result{font-family:Audiowide;font-size:1rem;text-decoration:underline}.dark-mode-toggle{background-color:#151f31;border-radius:11rcap;box-shadow:0 0 1vw #157add;display:flex;height:5vw;position:absolute;right:1.5vw;top:1.2vw;transition:background-color .3s ease-in-out;width:10vw}.toggled-div{background-color:#8bbae9}.toggle-button{background-color:#4888c8;border:none;border-radius:10px;border-radius:11rcap;color:#fff;cursor:pointer;font-family:Audiowide;height:100%;padding:.5vw 1vw;text-align:center;transform:translateX(0);transition:all .3s ease-in-out;transition:transform .5s ease-in-out;width:5vw}.toggled{background-color:#151f31;transform:translateX(100%)}.dark-mode-icon{height:2vh;width:2vw}.light-mode-icon{height:2.5vh;width:2.5vw}.download-resume-button{align-items:center;column-gap:.5vw;display:flex;flex-direction:row}.download-resume-button span{font-size:1.4rem;transform:rotate(-45deg);transition:transform .6s ease-in-out}.download-resume-button:hover span{transform:rotate(0deg)}.dark-mode-section-3{border:1.5px solid #157add;box-shadow:0 0 1vw #157add;color:#f5f5f5}.dark-mode-background{background-image:url(/static/media/stars.20de1f68e1c3289cc7f2.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.light-mode-section-3{box-shadow:0 0 1vw #151f31;color:#151f31}.light-mode-background{background-image:url(/static/media/clouds.7124c492a92298679395.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}#contact-info{border-radius:1.25vw;font-size:1.4rem;margin-bottom:4vw;overflow:hidden;padding:2vw;position:relative;width:80vw}#contact-info ul{column-gap:4vw;display:flex;flex-direction:row;justify-content:center;list-style:none;padding:1.5vw}#contact-info li{border-radius:1.25vw;padding:1.5vw 2.5vw}#contact-info a{position:relative;text-decoration:none}#contact-info a[dark-mode=true]{color:#f5f5f5}#contact-info a[dark-mode=false]{color:#151f31}#contact-info a:after{background-color:#157add;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .5s ease-in-out;width:0;z-index:100000}#contact-info a:hover:after{width:100%}@keyframes glowPulse{0%{filter:blur(30px);opacity:.2}to{filter:blur(50px);opacity:.5}}@media only screen and (max-width:900px){.dark-mode-toggle{display:none}nav{height:5.5vw;width:70vw}.up-arrow{height:5vw;left:85vw;width:5vw}#about-me{flex-direction:column;padding:14vh 0}.description-div{width:85%}.about-me-title span:not(:first-of-type){display:none}.github-icon{width:3.5vw}.social-icon img{width:4.5vw}.nav-link{font-size:1.15rem}.profile-img{flex-direction:row;gap:6vw}.profile-img img{width:40vw}#message-me form,.important-info{gap:2.2vw}.form-div input,.form-div textarea,.important-info input{font-size:1.1rem}.section-title{font-size:1.7rem}.express-img,.tech-img{width:9vw}.java-img{width:8.5vw}.about-me-title span{height:5vh}}@media only screen and (max-width:600px){.up-arrow{display:none}.dark-mode-section-nav,nav{background:#0000;border:none;box-shadow:none;height:7vw;justify-content:start;justify-content:center;position:absolute;top:3vw;width:87.6%}.nav-link,nav button{display:none}.navbar-opener{display:block}.profile-img{align-items:center;display:flex;flex-direction:column;gap:2vw;justify-content:center;width:100%}.profile-img img{width:50vw}.express-img,.tech-img{width:11vw}.java-img{width:10.5vw}#message-me>div>div{display:none}#message-me form{width:80vw}#message-me input{height:7.5vw}#message-me form,.important-info{row-gap:4vw}.social-icon img{width:7vw}.projects-div{align-items:flex-start;display:flex;flex-direction:column;gap:5vw;justify-content:center}.flip-card{width:80vw}.github-icon{width:6.5vw}.website-link{height:2.5vw;width:15vw}.about-me-title span{height:4vh}.flip-card-back li{font-size:1.4rem}.flip-card-back ul{gap:2vw}.description-div{padding:3vw 4vw}.form-div input,.form-div textarea,.important-info input{padding:.8vw .9vw}}@media only screen and (max-width:430px){nav{top:7vw}.nav-overlay-link{font-size:2.3rem}.profile-img img{width:50vw}.express-img,.tech-img{width:14vw}.java-img{width:13.5vw}.button-link{padding:10px 25px}.github-icon{width:7.5vw}#footer{font-size:.8rem}.social-icon img{width:8vw}#message-me form,.important-info{row-gap:5vw}.result{font-size:.8rem}.form-div input,.form-div textarea,.important-info input{font-size:1.3rem}#message-me input{height:10.5vw}.form-div textarea{height:250px}#contact-info ul,.important-info:not(:first-of-type){flex-direction:column}#contact-info ul{font-size:1.3rem;row-gap:2.5vh}}
/*# sourceMappingURL=main.2a8d5ae3.css.map*/