:root{--my-primary-colour:#468189;--my-accent-colour:#8a0000;--my-dark-colour:#333;--my-greyed-out-colour:#a9b1b3;--my-background-colour:#fdfdfd;--my-muted-colour:#f0f4f8;--headings-font:"Cormorant SC",serif;--font-option-1:"Lora",serif;--font-option-2:"Source Code Pro",monospace}body{background:#fdfdfd;background:var(--my-background-colour);margin:0;padding:0}section.secondary-section{background:#f0f4f8;background:var(--my-muted-colour)}.subpages,footer{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000e6}h1{color:#468189;color:var(--my-primary-colour);font-size:125px}h1,h2{font-family:Cormorant SC,serif;font-family:var(--headings-font);font-weight:600;line-height:1}h2{color:#8a0000;color:var(--my-accent-colour);font-size:66px}h3,h4{color:#468189;color:var(--my-primary-colour);font-family:Source Code Pro,monospace;font-family:var(--font-option-2);font-weight:500}h3,h4{line-height:1.1}h3{font-size:36px}h4{font-size:22px}p,ul{color:#333;color:var(--my-dark-colour);font-family:Source Code Pro,monospace;font-family:var(--font-option-2);font-size:16px;line-height:1.5}a{text-decoration:none}header{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000e6}nav{padding:10px 20px}nav ul{margin:0;padding:0}nav li{color:#f0f4f8;color:var(--my-muted-colour);display:inline;font-size:18px;line-height:42px;list-style:none;margin-left:15px}nav a{color:#468189;color:var(--my-primary-colour);font-weight:700;transition:all .1s ease-in-out}nav a:hover,nav li.active a{color:#8a0000;color:var(--my-accent-colour)}nav li .slashes{padding:0 0 0 20px}label{color:#468189;color:var(--my-primary-colour);display:block;font-weight:700;margin-bottom:6px}input[type=email],input[type=text],textarea{border:1px solid #ccc;border-radius:6px;color:#333;color:var(--my-dark-colour);font-size:16px;margin-bottom:20px;padding:10px;width:100%}textarea{resize:vertical}footer{padding:10px 0}footer p{color:#f0f4f8;color:var(--my-muted-colour)}footer a{color:#468189;color:var(--my-primary-colour);font-weight:700;transition:all .1s ease-in-out}footer a:hover{color:#8a0000;color:var(--my-accent-colour)}footer .social-links a{background-color:#8a0000;background-color:var(--my-accent-colour);border-radius:50%;color:#468189;color:var(--my-primary-colour);font-size:18px;margin:0 20px;padding:10px 14px;transition:all .1s ease-in-out}footer .social-links a:hover{background:#468189;background:var(--my-primary-colour);color:#8a0000;color:var(--my-accent-colour)}.hero{background-color:#f0f4f8;background-color:var(--my-muted-colour);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.hero h2,.hero h3{font-family:Lora,serif;font-family:var(--font-option-1)}.hero-content,.hero-content-container{align-items:center;display:flex;flex:1 1;justify-content:center}.hero-content{flex-direction:column;padding:10px 5px;text-align:center}.hero-content .blur{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:4px}.hero:before{background-image:url(/static/media/chardi-hero-reduced.893847aa6318d1a2b498.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;filter:brightness(.7) contrast(1.1) saturate(1.1);flex-direction:column;justify-content:center;opacity:.6}.hero:after,.hero:before{content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.hero:after{background:#0009}.hero>*{position:relative;z-index:1}.arrow-icon{animation:bounce 2s infinite;background-color:#8a0000;background-color:var(--my-accent-colour);border-radius:50%;color:#fdfdfd;color:var(--my-background-colour);cursor:pointer;display:inline-block;font-size:24px;margin:25px auto 0;padding:10px 14px;transition:transform .3s ease-in-out,color .3s ease-in-out,background-color .3s ease-in-out}.arrow-icon:hover{animation-play-state:paused;background-color:#468189;background-color:var(--my-primary-colour);color:#8a0000;color:var(--my-accent-colour);transform:translateY(8px) scale(1.1)}.logo{max-height:90px;padding-left:10px}.primary-button{background:#468189;background:var(--my-primary-colour);border-radius:4px;color:#8a0000;color:var(--my-accent-colour);font-size:18px;font-weight:700;line-height:27px;padding:12px 20px}.primary-button:hover{background:#8a0000;background:var(--my-accent-colour);color:#468189;color:var(--my-primary-colour)}.divider{margin:50px 0}.muted-background{background:#f0f4f8;background:var(--my-muted-colour)}.featured,.skills,.work{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.feature img{max-width:400px}.featured{padding-top:50px}.outline-button{border:1px solid #468189;border:1px solid var(--my-primary-colour);border-radius:4px;color:#468189;color:var(--my-primary-colour);font-size:18px;font-weight:700;line-height:27px;padding:12px 20px}.outline-button:hover{border:1px solid #8a0000;border:1px solid var(--my-accent-colour)}.outline-button:hover,.symbols{color:#8a0000;color:var(--my-accent-colour)}.symbols{font-size:22px;text-align:center}.contact-box{background:#f0f4f8;background:var(--my-muted-colour);border-radius:10px;margin-bottom:30px;padding:30px 100px}.content-container{padding:50px 20px 25px}.content h1{color:#8a0000;color:var(--my-accent-colour);font-family:Cormorant SC,serif;font-family:var(--headings-font);font-size:66px;font-weight:600;line-height:1}.content h3{font-size:22px;line-height:24px}.content p{font-size:16px;line-height:1.5}.content{margin:30px}.colour-highlight-1{color:#8a0000;color:var(--my-accent-colour);font-weight:700}.colour-highlight-2{font-weight:700}.colour-highlight-2,.project-title a{color:#468189;color:var(--my-primary-colour)}.project-title a{transition:all .1s ease-in-out}.project-title a:hover{color:#8a0000;color:var(--my-accent-colour)}.project-title a img{transition:filter .2s ease-in-out}.project-title a:hover img{filter:brightness(85%) grayscale(30%)}.project-button{border:1px solid #fdfdfd;border:1px solid var(--my-background-colour);border-radius:4px;color:#fdfdfd;color:var(--my-background-colour);font-size:18px;font-weight:700;line-height:27px;padding:12px 20px;transition:all .2s ease-in-out}.project-button:hover{border:1px solid #8a0000;border:1px solid var(--my-accent-colour);color:#8a0000;color:var(--my-accent-colour)}.image-hover-wrapper{display:inline-block;position:relative}.image-hover-wrapper img{border-radius:8px;display:block;height:auto;width:100%}.overlay-text{align-items:center;background:#0009;border-radius:8px;bottom:0;color:#fdfdfd;color:var(--my-background-colour);display:flex;font-family:Source Code Pro,monospace;font-family:var(--font-option-2);font-size:20px;font-weight:700;justify-content:center;left:0;opacity:0;padding:20px;position:absolute;right:0;text-align:center;top:0;transition:opacity .3s ease}.overlay-text li,.overlay-text ul{list-style:none;padding-left:0}.overlay-text li{color:#fdfdfd;color:var(--my-background-colour)}.image-hover-wrapper:hover .overlay-text{opacity:1}.image-hover-wrapper,.overlay-text{box-sizing:border-box}.about img{border:1px solid #ccc;box-shadow:0 4px 12px #00000014}.accordion-header button{font-weight:700}.accordion-header button,.accordion-item{background-color:#fdfdfd;background-color:var(--my-background-colour)}.accordion-item{margin:0 auto;max-width:1000px}.accordion-body a{color:#8a0000;color:var(--my-accent-colour);font-weight:700;text-decoration:underline}.contact-form{background:#f0f4f8;background:var(--my-muted-colour);border-radius:12px;margin:auto;max-width:900px;padding:30px;width:90%}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (min-width:992px){.image-hover-wrapper{display:block;margin:0 auto;max-width:70%}}@media (max-width:900px){h1{font-size:66px;line-height:1}.content h1,h2{font-size:36px}h3,h4{font-size:18px}h2,h3{text-align:center}nav{padding:10px 0}nav li{font-size:12px;margin:0;padding-left:0}nav li .slashes{padding-left:5px}footer{font-size:12px}.content p{font-size:14px;line-height:1.5}.logo{max-height:50px;padding:0}.hero{padding:10px}.skills div{height:auto;max-width:100%}.special-subheading{margin:10px 0 20px;text-align:center}.feature-subheading{text-align:center}.feature-subheading ul.list-inline{margin-top:1rem;padding-left:0;text-align:center}.feature-subheading ul.list-inline li{display:inline-block;font-size:14px;margin:4px 8px}.feature img{max-width:100%}.outline-button{display:block;font-size:smaller;justify-content:center;margin:0 auto;padding:10px}.accordion-item p{font-size:12px}.content{margin:10px auto;padding:30px 5px;text-align:center}.contact-box{padding:10px 5px}.contact-box h4,.contact-box p{font-size:12px;padding:10px 0 0 15px;text-align:left}.contact-box h4{font-size:14px}.contact-box p{font-size:12px}.contact-box a{font-size:14px;margin:5px 5px 0 0}.contact-form{margin:0 auto;padding:15px}}@media (max-width:767px){.hero:before{background-image:none}.hero:after{background:#0003}.hero-content{padding:10px}.hero-content .blur{-webkit-backdrop-filter:none;backdrop-filter:none;background:none}.hero nav{padding-left:12px;padding-right:12px}.hero-content-container{padding:10px}.hero{margin:0 -12px;padding:0}.overlay-text{pointer-events:none}.image-hover-wrapper:hover .overlay-text,.overlay-text{opacity:1!important}.skills .skill{margin:0;max-width:100%;padding:0}.divider{margin:30px 0}.contact{margin:0;padding:0}.contact-form{display:block;margin:0 auto}}
/*# sourceMappingURL=main.44d4d517.css.map*/