.header{display:block;width:100%;padding:2%;position:fixed;top:0;left:0;right:0;z-index:1000;color:var(--darkBlack);box-sizing:border-box}.headerContainer{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;width:100%}@media (max-width: 768px){.header{padding:15px 20px}.headerContainer h1{font-size:.9rem}}@media (max-width: 480px){.header{padding:12px 15px}.headerContainer{gap:10px}.headerContainer h1{font-size:.8rem}}@media (max-width: 360px){.header{padding:10px 12px}.headerContainer h1{font-size:.75rem}}.navToggle{background:none;border:none;padding:8px 16px;font-weight:700;cursor:pointer;transition:all .3s ease;color:var(--darkBlack);font-size:1rem;white-space:nowrap;border-radius:4px;min-height:44px;display:flex;align-items:center;justify-content:center}.navToggle:hover{background-color:var(--orangeOpaque);transform:translateY(-1px)}.navToggle:active{transform:translateY(0)}@media (max-width: 768px){.navToggle{padding:6px 12px;font-size:.9rem;min-height:40px}}@media (max-width: 480px){.navToggle{padding:5px 10px;font-size:.85rem;min-height:36px}}@media (max-width: 360px){.navToggle{padding:4px 8px;font-size:.8rem;min-height:32px}}.about{display:flex;justify-content:center;width:100%;max-width:100%}.aboutText{background-color:var(--whiteOpaque);border-radius:30px;color:var(--darkBlack)}.aboutMeText{position:relative;margin:20px;bottom:300px;padding:0 10%;max-width:800px}.headshot{margin:100px 0;width:400px;border-radius:50%}.flexColumn{display:flex;align-items:center;flex-direction:column}.leaf{position:relative;bottom:350px;right:120px;margin:20px;width:300px}.socials{display:flex;gap:20px;position:relative;justify-content:center;bottom:100px}@media (max-width: 768px){.aboutMeText{font-size:smaller}}.imgContainer{padding:30px 30px 0;display:flex;justify-content:center}.illustration{display:block;margin:150px 20px 20px;width:300px}.brandStatement{display:flex;flex-direction:column;align-items:center;padding:8%;margin-top:300px;font-size:18px}.statement{color:var(--white);font-size:15px}.typingTitle{width:min-content;overflow:hidden;white-space:nowrap;border-right:2px solid black;animation:typing 3s steps(48,end) forwards,blink .75s step-end infinite;font-family:monospace;display:inline-block}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}@media (max-width: 768px){.brandStatement{padding:30% 0 10%;margin-top:0;font-size:11px}.typingTitle{font-size:13px}.headshot{width:200px;margin-top:50px}.leaf{bottom:250px;right:60px;margin:20px;width:150px}.aboutText{margin:5px}.aboutMeText{padding:5px}}.carousel{display:flex;transition:all .35s ease 0s;margin-bottom:25px;width:100%}.carousel-card{min-width:400px;width:400px;height:400px;flex-shrink:0}.carousel-card-content{position:relative;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .6s cubic-bezier(.165,.84,.44,1);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.carousel-card-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0000004d;z-index:1;transition:background-color .3s ease}.carousel-card:hover .carousel-card-content:before{background-color:#000c}.carousel-card:not(.active) .carousel-card-content{transform:scale(.9);filter:blur(5px)}.carousel-card.active .carousel-card-title{opacity:1;transform:translateY(40px)}.carousel-card:hover .carousel-card-title{transform:translateY(-10px)}.carousel-card-description{padding:8px 45px 8px 35px;max-width:340px;color:#fff;font-size:.9rem;font-weight:400;line-height:1.4;border-radius:0 5px 5px 0;position:relative;z-index:2;margin-bottom:8px;opacity:0}.carousel-card:hover .carousel-card-description{opacity:1;transition:all .8s ease;transition-delay:.5s}.carousel-card:not(.active) .carousel-card-title,.carousel-card:not(.active) .carousel-card-description{opacity:0;transform:translateY(+20px)}.carousel-card-title{max-width:360px;width:min-content;text-wrap:nowrap;padding:10px 10px 10px 35px;color:var(--darkBlack);font-size:1.8rem;font-weight:700;transition:all .8s ease .3s;background-color:var(--white);box-shadow:0 4px 6px #0000001a;border-radius:0 5px 5px 0;position:relative;z-index:2}.carousel-card-links{padding-left:35px;display:flex;gap:12px;opacity:0;transition:all .8s ease .6s;padding-bottom:20px;width:100%;position:relative;z-index:2}.carousel-card.active .carousel-card-links{opacity:1}.project-link{padding:8px 16px;border-radius:4px;text-decoration:none;font-weight:600;font-size:.85rem;transition:all .3s ease;border:2px solid transparent}.github-link,.deployed-link,.pdf-link{background-color:#333;color:var(--white);border-color:var(--white)}.github-link:hover,.deployed-link:hover,.pdf-link:hover{background-color:#444;border-color:#666;transform:translateY(-2px)}.dots{display:flex;justify-content:center;margin-top:25px}.dot{display:inline-block;height:12px;width:12px;border-radius:50%;border:2px solid var(--darkBlack);padding:0;cursor:pointer;transition:all .3s ease;background-color:transparent}.dot:hover{cursor:pointer;transform:scale(1.1);border-color:#fff}.dot:not(:last-child){margin-right:8px}.dot.active{background-color:var(--darkBlack);border-color:var(--darkBlack)}.dot:not(.active){background-color:transparent;border-color:var(--darkBlack)}.button-group{display:flex;justify-content:center;margin-top:20px}.button-group>*{height:28px;width:65px;border:none;border-radius:4px;font-weight:600;font-size:.85rem;transition:all .3s ease}.button-group button{background-color:transparent;font-size:20px;color:var(--darkBlack);cursor:pointer}.button-group button:hover:not(:disabled){transform:translateY(-1px)}.button-group button:disabled{opacity:.5;cursor:not-allowed}.button-group button:first-child{margin-right:15px}@media (max-width: 900px){.carousel-card{min-width:350px;width:350px;height:350px}.carousel-card-title{font-size:1.6rem;padding-left:30px;max-width:310px}.carousel-card-links{padding-left:30px;gap:10px}}@media (max-width: 768px){.carousel-card{min-width:320px;width:320px;height:320px}.carousel-card-title{font-size:1.5rem;max-width:280px;padding:8px 8px 8px 25px}.carousel-card-links{padding-left:25px;flex-direction:row;flex-wrap:wrap;gap:8px;padding-bottom:15px}.project-link{padding:6px 12px;font-size:.8rem;font-weight:500}.button-group{margin-top:15px}.dots{margin-top:20px}}@media (max-width: 480px){.carousel-card{min-width:290px;width:290px;height:290px}.carousel-card-title{font-size:1.3rem;max-width:250px;padding:6px 6px 6px 20px}.carousel-card-links{padding-left:20px;flex-direction:column;gap:6px;padding-bottom:12px}.project-link{padding:5px 10px;font-size:.75rem;width:fit-content}}@media (max-width: 360px){.carousel{margin-bottom:20px}.carousel-card{min-width:260px;width:260px;height:260px}.carousel-card-title{font-size:1.2rem;max-width:220px;padding:6px 6px 6px 15px}.carousel-card-links{padding-left:15px;padding-bottom:10px}.project-link{padding:4px 8px;font-size:.7rem}.button-group button{font-size:18px;height:26px;width:55px}.dot{height:10px;width:10px}}.portfolio-section{padding:60px 20px;min-height:100vh;display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box}.portfolio-container{width:100%;max-width:1200px;margin:0 auto;justify-content:center;overflow:hidden}@media (max-width: 768px){.portfolio-section{padding:40px 15px}.portfolio-container{max-width:100%}}@media (max-width: 480px){.portfolio-section{padding:30px 10px;min-height:calc(100vh - 80px)}.portfolio-container{padding:0 5px}}@media (max-width: 320px){.portfolio-section{padding:20px 5px}.portfolio-container{padding:0}}footer,footer a,footer h6{padding-top:2px;color:var(--orange)}footer{display:none;flex-direction:row;padding:2px 20px;border-radius:10px;background-color:var(--dark);position:fixed;bottom:150px;width:200px}@media (max-width: 768px){footer{flex-direction:row;position:fixed;bottom:0}}:root{--white: #FFFBEF;--whiteOpaque: #fffbef80;--light: #e2e8d5;--lightOpaque: #ffeaae80;--orange: #fab700;--orangeOpaque: #fab70033;--green: #c5d5bb;--dark: #214f4b;--darkOpaque: #214f4b3e;--darkBlack: #010002}*{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;padding:0;margin:0;color:(var(--darkBlack));box-sizing:border-box}html,body,#root{overflow-x:hidden;width:100%;max-width:100%}h1{font-size:medium}h2{font-size:xx-large;color:var(--darkBlack)}body{background-color:var(--green);background-image:url(/rowan-branch-long.png);background-size:100% auto;background-position:right 30px;background-repeat:no-repeat}.container{display:flex;justify-content:space-between;width:100%;max-width:100%}@media (max-width: 768px){body{background-position:right top}h2{font-size:xl}.container{flex-direction:column;gap:10px}}@media (max-width: 480px){h1{font-size:small}h2{font-size:large}}