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}body,html{height:100%;margin:0;overscroll-behavior:none;padding:0}.App,body,html{background-color:#1c1b31;color:#fff}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}.hello{-webkit-text-fill-color:#0000;animation:gradient 8s ease infinite;background:linear-gradient(135deg,#ff5252,#ff8a8a 50%,#fff);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-family:articulat-heavy-cf,sans-serif;font-size:3.5rem;font-weight:900}.hello,.typetext{font-style:normal}.typetext{font-family:articulat-cf,sans-serif;font-size:1rem;font-weight:800}.header{-webkit-text-fill-color:#0000;animation:gradient 8s ease infinite;background:linear-gradient(135deg,#ff5252,#ff8a8a 50%,#fff);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-family:articulat-heavy-cf,sans-serif;font-size:3.5rem;font-weight:900}.bio,.header{font-style:normal}.bio{color:#ffffffe6;font-family:articulat-cf,sans-serif;font-size:1.5rem;font-weight:800;text-align:right}.page-container{display:flex;flex:1 1;flex-direction:column}.flexbox{align-items:center;display:flex;flex-direction:row;justify-content:space-around;margin:0 auto;min-height:100vh;padding:2rem 0;width:90vw}.textContainer{flex:1 1;padding:0 2rem;text-align:right}.imageContainer{align-items:center;display:flex;flex:1 1;justify-content:center}.headshot{max-width:300px;min-width:200px;width:25vw}.frontshot,.headshot{border-radius:15px;object-fit:cover}.frontshot{max-width:350px;min-width:250px;width:30vw}.contact-page{align-items:center;box-sizing:border-box;display:flex;height:100vh;justify-content:center;padding:0 1rem}.contact-container{align-items:center;display:flex;flex-direction:column;gap:1.25rem;max-width:600px;text-align:center;width:100%}.contact-container h2{-webkit-text-fill-color:#0000;animation:gradient 8s ease infinite;background:linear-gradient(135deg,#ff5252,#ff8a8a 50%,#fff);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-family:articulat-heavy-cf,sans-serif;font-size:2rem;font-style:normal;font-weight:900;margin:0}.contact-container p{color:#fffc;font-family:articulat-cf,sans-serif;font-size:1rem;font-style:normal;font-weight:800;margin:0}.social-links{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;margin-top:.5rem;width:100%}.social-item{flex-direction:column;gap:.75rem}.social-item,.social-link{align-items:center;display:flex}.social-link{background-color:#ff5252;border:2px solid #000;border-radius:10px;box-shadow:4px 4px 0 #000;color:#fff;cursor:pointer;font-size:1.1rem;height:5rem;justify-content:center;text-decoration:none;transition:all .3s ease;width:5rem}.social-link:hover{background-color:#fff;border:2px solid #ff5252;box-shadow:4px 4px 0 #ff5252;color:#ff5252;transform:translateY(-2px)}.social-link:active{background-color:#fcf414;box-shadow:none;transform:translateY(2px)}.social-icon{font-size:2.2rem}.social-text{color:#fff;font-family:articulat-cf,sans-serif;font-size:1rem;font-style:normal;font-weight:800}.iconRow1{align-items:center;display:flex;font-size:5em;justify-content:space-around;width:30vw}.iconRow2{padding-top:20px}.iconRow2,.iconRow3{align-items:center;display:flex;font-size:1.5em;justify-content:center;width:30vw}.comic-button{background-color:#ff5252;border:2px solid #000;border-radius:10px;box-shadow:5px 5px 0 #000;color:#fff;cursor:pointer;display:inline-block;font-size:50pt;font-weight:700;padding:10px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.comic-button:hover{background-color:#fff;border:2px solid #ff5252;box-shadow:5px 5px 0 #ff5252;color:#ff5252}.comic-button:active{background-color:#fcf414;box-shadow:none;transform:translateY(4px)}.navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1c1b31e6;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.navigation ul{display:flex;gap:3rem;justify-content:center;list-style:none;margin:0;padding:0}.nav-link{color:#fff;font-family:articulat-cf,sans-serif;font-size:1.2rem;font-style:normal;font-weight:800;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:after{background-color:#ff5252;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1);width:0}.nav-link:hover{color:#ff5252}.nav-link:hover:after{width:100%}.nav-link.active{color:#ff5252}.nav-link.active:after{width:100%}.page-container{animation:fadeIn .8s cubic-bezier(.4,0,.2,1) forwards;opacity:0;transform:translateY(20px)}.work-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:2rem;width:100%}.experience-section h2,.work-title{-webkit-text-fill-color:#0000;animation:gradient 8s ease infinite;background:linear-gradient(135deg,#ff5252,#ff8a8a 50%,#fff);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-family:articulat-heavy-cf,sans-serif;font-size:3.5rem;font-style:normal;font-weight:900;margin-bottom:3rem;text-align:center}.carousel{margin:0 auto;max-width:800px}.carousel,.carousel-content{overflow:hidden;position:relative;width:100%}.carousel-content{height:500px}.card{animation:fadeIn .5s ease-in-out forwards;background-color:#ffffff1a;border:1px solid #ff525233;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;height:100%;opacity:0;overflow:hidden;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card:hover{border-color:#ff5252;transform:translateY(-5px)}.card-image{height:70%;overflow:hidden;width:100%}.card-image img{height:100%;object-fit:cover;width:100%}.card-content{background:#0006;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding:.5rem .75rem}.card-title{color:#fff;font-family:articulat-heavy-cf,sans-serif;font-size:2.2rem;font-style:normal;font-weight:900;margin:0;text-shadow:0 2px 4px #0000004d}.card-description{color:#ffffffe6;font-family:articulat-cf,sans-serif;font-size:1.1rem;font-style:normal;font-weight:800;line-height:1.3;margin:0;text-shadow:0 1px 2px #0003}.carousel-button{align-items:center;background:#ff525233;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:50px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.carousel-button:hover{background:#ff5252;transform:translateY(-50%) scale(1.1)}.carousel-button.prev{left:10px}.carousel-button.next{right:10px}.carousel-dots{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.dot{background:#ff52524d;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.dot.active{background:#ff5252;transform:scale(1.2)}@media (max-width:768px){.flexbox{flex-direction:column;gap:2rem;height:auto;min-height:100vh;padding:6rem 1rem 2rem}.textContainer{order:2;padding:0 1rem;text-align:center}.imageContainer{order:1}.headshot{max-width:250px;min-width:180px;width:60vw}.frontshot{max-width:280px;min-width:200px;width:70vw}.hello{font-size:2.5rem;margin-bottom:1rem}.typetext{font-size:1.2rem}.header{font-size:2.5rem;margin-bottom:1rem}.bio{font-size:1.2rem;text-align:center}.navigation ul{gap:1.5rem;padding:0 10px}.nav-link{font-size:1rem}.carousel{max-width:90vw}.carousel-button{font-size:1.6rem;height:45px;width:45px}.carousel-button.prev{left:5px}.carousel-button.next{right:5px}.card-title{font-size:1.8rem;margin-bottom:.5rem}.card-description{font-size:1rem}.contact-container h2{font-size:1.8rem}.contact-container p{font-size:.95rem}.social-links{gap:2rem}.social-link{height:4.5rem;width:4.5rem}.social-icon{font-size:2rem}.social-text{font-size:.9rem}.experience-section h2,.work-title{font-size:2.5rem;margin-bottom:2rem}.experience-job-title{font-size:1.3rem;text-align:center}.experience-description{font-size:.95rem;line-height:1.5}.carousel-content{height:400px}}@media (max-width:480px){.flexbox{gap:1.5rem;padding:5rem .5rem 1rem}.headshot{max-width:220px;width:80vw}.frontshot{max-width:240px;width:85vw}.hello{font-size:2rem}.typetext{font-size:1rem}.header{font-size:2rem}.bio{font-size:1rem}.navigation ul{gap:1rem}.nav-link{font-size:.9rem}.contact-container h2{font-size:1.6rem}.contact-container p{font-size:.9rem}.social-links{gap:1.75rem}.social-link{height:4rem;width:4rem}.social-icon{font-size:1.8rem}.social-text{font-size:.85rem}.experience-section h2,.work-title{font-size:2rem;margin-bottom:1.5rem}.experience-job-title{font-size:1.1rem}.work-container{padding:1rem}.carousel{max-width:95vw}.carousel-button{font-size:1.4rem;height:40px;width:40px}.carousel-button.prev{left:5px}.carousel-button.next{right:5px}.carousel-content{height:350px}.experience-description{font-size:.9rem;line-height:1.4}.card-title{font-size:1.5rem}.card-description{font-size:.95rem}}.About,.Contact,.Home,.Work{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.About.fade-in,.Contact.fade-in,.Home.fade-in,.Work.fade-in{opacity:1;transform:translateY(0)}.experience-section{box-sizing:border-box;margin:4rem auto;max-width:800px;padding:0 2rem;position:relative;width:100%}.experience-section:before{background:linear-gradient(180deg,#ff5252,#ff525233);bottom:0;content:"";left:60px;position:absolute;top:0;width:2px;z-index:1}.experience-container{display:flex;flex-direction:column;gap:3rem;position:relative;width:100%}.experience-card{align-items:center;background-color:#ffffff0d;border:1px solid #ff525233;border-radius:15px;box-sizing:border-box;display:flex;gap:1.5rem;margin-left:120px;padding:1.5rem;position:relative;transition:transform .3s ease,border-color .3s ease;width:calc(100% - 120px)}.experience-card:before{background:#ff5252;border-radius:50%;box-shadow:0 0 0 4px #ff525233;content:"";height:20px;left:-120px;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:2}.experience-card:hover:before{box-shadow:0 0 0 6px #ff52524d}.experience-image{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-shrink:0;height:120px;justify-content:center;overflow:hidden;padding:15px;width:120px}.experience-image img{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.experience-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem;text-align:left}.experience-company{color:#fff;font-family:articulat-heavy-cf,sans-serif;font-size:2rem;font-weight:900}.experience-company,.experience-period{font-style:normal;margin:0;text-align:left}.experience-period{color:#ff5252;font-family:articulat-cf,sans-serif;font-size:1.1rem;font-weight:800}.experience-job-title{color:#ffffffe6;font-size:1.3rem}.experience-description,.experience-job-title{font-family:articulat-cf,sans-serif;font-style:normal;font-weight:800;margin:0;text-align:left}.experience-description{color:#fffc;font-size:1rem;line-height:1.6;padding:0;white-space:pre-line}@media (max-width:768px){.experience-section{margin:3rem auto;padding:0 1.5rem}.experience-section:before{display:none}.experience-card{gap:1rem;margin-left:0;padding:1.25rem;width:100%}.experience-image{height:100px;padding:12px;width:100px}.experience-company,.experience-description,.experience-job-title,.experience-period{text-align:left}.experience-description{font-size:.95rem;line-height:1.5}.experience-company{font-size:1.8rem}.experience-period{font-size:1rem}.experience-job-title{font-size:1.2rem}}@media (max-width:480px){.experience-section{margin:2rem auto;padding:0 1rem}.experience-card{gap:.75rem;padding:1rem}.experience-image{height:80px;padding:10px;width:80px}.experience-company{font-size:1.4rem}.experience-period{font-size:.9rem}.experience-job-title{font-size:1rem}}.email-text{color:#ff5252;font-family:articulat-cf,sans-serif;font-size:1.2rem;font-style:normal;font-weight:800;margin:.5rem 0 1.5rem}.email-text a{color:#ff5252;text-decoration:none;transition:color .3s ease}.email-text a:hover{color:#ff8a8a}@media (max-width:768px){.email-text{font-size:1.1rem}}@media (max-width:480px){.email-text{font-size:1rem}}
/*# sourceMappingURL=main.5fa61544.css.map*/