@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:wght@400;700&display=swap";@font-face{font-family:Clash Display;src:url(/assets/ClashDisplay-Variable-BHZjogP3.ttf) format("truetype");font-style:normal}html{scroll-behavior:smooth}body{z-index:1;margin:0;font-family:Clash Display,Montserrat,sans-serif;color:#161616}body:after menu,footer{z-index:1}#navbar .navbar-elements{z-index:9999;display:flex;align-items:center;position:fixed;justify-content:flex-end;right:0;top:0;width:100%;padding:0 0 0 100%;margin:0;border-bottom:1px solid transparent;background-color:transparent;list-style:none;transition:all .3s cubic-bezier(.77,0,.175,1)}#navbar .navbar-elements .navbar-element{width:auto;height:auto;left:0;padding:8px 14px;margin:20px 8px}#navbar #navbar-favicon{position:relative;height:60px;margin:0 auto 0 20px;left:0;cursor:pointer}#navbar .navbar-elements .navbar-element a{font-family:Montserrat,Clash Display,sans-serif;font-size:1rem;text-decoration:none;white-space:nowrap;text-transform:uppercase;color:#fff;position:relative;transition:all .5s cubic-bezier(.77,0,.175,1)}#navbar .navbar-elements #navbar-contact-element{cursor:pointer;box-sizing:border-box;border-radius:10px;background:linear-gradient(to top right,#ffb339,#ff5c61 75%,#eb1749);transition:color .5s cubic-bezier(.77,0,.175,1)}#navbar .navbar-elements #navbar-contact-element a{color:#fff;font-weight:600;transition:color .5s cubic-bezier(.77,0,.175,1)}#navbar .navbar-elements #navbar-contact-element:hover{box-shadow:0 0 10px #ff5c61;transition:box-shadow .5s cubic-bezier(.77,0,.175,1),border-color .5s cubic-bezier(.77,0,.175,1),color .5s cubic-bezier(.77,0,.175,1)}#navbar .navbar-elements #navbar-contact-element:hover a{color:#fff}#navbar .navbar-elements .navbar-element a:after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:1.5px;background:linear-gradient(to top right,#ffb339,#ff5c61 75%,#eb1749);transition:all .5s cubic-bezier(.77,0,.175,1)}#navbar .navbar-elements .navbar-element a:hover:after,#navbar .navbar-elements .navbar-element a:focus:after{width:100%}#navbar .navbar-elements #navbar-contact-element a:hover:after{width:0}#navbar .navbar-elements.scrolled{background-color:#161616cc;border-bottom:1px solid rgb(83,83,83)}#navbar .navbar-elements.scrolled:hover{background-color:#161616}#navbar .navbar-element a{font-family:Montserrat,Clash Display,sans-serif;font-size:16px;text-decoration:none;text-transform:uppercase;color:#fff;transition:all .5s cubic-bezier(.77,0,.175,1)}#navbar #hamburger-menu{display:none;position:fixed;top:20px;right:20px;flex-direction:column;justify-content:space-between;width:35px;height:30px;padding:6px;border:1px solid rgb(255,255,255);background:none;border-radius:5px;cursor:pointer;z-index:10000}#navbar #hamburger-menu span{display:block;width:100%;height:2px;background-color:#fff;transition:all .3s cubic-bezier(.77,0,.175,1)}.header-arrow{color:#fff;position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:2rem;animation:bounce 2s infinite;text-align:center;z-index:2}.header-arrow p{color:#fff}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-8px)}}#header{z-index:-1;position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:left;height:100vh;padding-left:40px;margin-top:0;background:url(/ChristianCurtis-Headshot-grayscale.jpg);background-position:left top;background-size:125%;background-repeat:no-repeat;transition:all .5s cubic-bezier(.77,0,.175,1)}#header:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top right,#161616,#16161680 90%);z-index:-1}#header .header-text{font-size:clamp(4rem,7vw,8rem);font-weight:600;margin:0;font-style:normal;color:#fff}#header .header-text #header-em{background:linear-gradient(to top right,#ffb339,#ff5c61 75%,#eb1749);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:normal;font-weight:800}#header .header-text #header-bio{font-weight:350;font-size:18px;color:#fff;margin:20px 0 0 2px}.section-header{width:fit-content;margin:0 0 20px;font-size:4vw;background:linear-gradient(to top right,#ffb339,#ff5c61 75%,#eb1749);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:normal}p,li{color:#161616;font-size:16px;line-height:25px;font-family:Montserrat,Clash Display,sans-serif}li{margin:10px 0}#about-me ul,#projects ul,#services ul{list-style-position:inside;padding-left:0;list-style-type:circle}section{padding:60px 40px}#introduction{margin-top:100vh;background-color:#161616;border-top:1px solid rgb(83,83,83);border-bottom:1px solid rgb(83,83,83)}#introduction #introduction-text{color:#fff}#introduction.scrolled{box-shadow:0 0 50px #161616}#about-me{background-color:#161616;border-bottom:1px solid rgb(83,83,83)}#about-me #about-me-header{color:#fff}#about-me .content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}#about-me .content-grid .content-card{overflow:hidden;border-radius:10px;background-color:#161616;border:1px solid rgb(83,83,83);padding:20px 30px;transition:background .5s cubic-bezier(.77,0,.175,1)}#about-me .content-grid .content-card .card-header{width:fit-content;font-size:3vw;font-weight:600;color:#fff;margin:0 0 16px;transition:color .5s cubic-bezier(.77,0,.175,1);position:relative}#about-me .content-grid .content-card p,#about-me .content-grid .content-card ul li{transition:all .5s cubic-bezier(.77,0,.175,1);opacity:0}#about-me .content-grid .content-card:hover{cursor:default}#about-me .content-grid .content-card .card-header:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:.1em;background:linear-gradient(to top right,#ffb339,#ff5c61 75%,#eb1749);transition:all .5s cubic-bezier(.77,0,.175,1)}#about-me .content-grid .content-card:hover .card-header:after{width:100%;opacity:1}#about-me .content-grid .content-card:hover p,#about-me .content-grid .content-card:hover ul li{color:#fff;opacity:1}#about-me .content-grid .content-card a{position:relative;margin-top:0;color:#fff;text-decoration:none}#about-me .content-grid .content-card a:after{z-index:1;content:"";position:absolute;left:0;bottom:-3px;width:0;height:1.5px;background:linear-gradient(to top right,#ffb339,#ff5c61 75%,#eb1749);transition:all .5s cubic-bezier(.77,0,.175,1)}#about-me .content-grid .content-card a:hover:after,#about-me .content-grid .content-card a:focus:after{width:100%}#projects{background-color:#161616;border-bottom:1px solid rgb(83,83,83)}#projects #projects-header{color:#fff}#projects .content-flex{margin:0}#projects .content-flex .content-flex-card{display:flex;align-items:stretch;margin-bottom:50px;transition:transform .5s cubic-bezier(.77,0,.175,1);border:1px solid rgb(83,83,83);border-radius:10px;cursor:pointer;overflow:hidden}#projects .content-flex .content-flex-card.highlight{transform:scale(1.03)}#projects .content-flex .content-flex-card:nth-child(odd){flex-direction:row}#projects .content-flex .content-flex-card:nth-child(2n){flex-direction:row-reverse}#projects .content-flex .content-flex-card .content-flex-content{background-color:#161616;padding:20px 40px;flex-grow:1;display:flex;flex-direction:column;justify-content:center;height:35vw;box-sizing:border-box}#projects .content-flex .content-flex-card .content-flex-content p,#projects .content-flex .content-flex-card .content-flex-content li,#projects .content-flex .content-flex-card .content-flex-content em{color:#fff}#projects .content-flex .content-flex-card .content-flex-content .content-flex-header{width:fit-content;margin:0 0 16px;color:#fff;font-size:3vw;text-decoration:none;font-weight:600;transition:all .5s cubic-bezier(.77,0,.175,1);position:relative}#projects .content-flex .content-flex-card .content-flex-content .content-flex-header:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:.1em;background:linear-gradient(to top right,#ffb339,#ff5c61 75%,#eb1749);transition:all .5s cubic-bezier(.77,0,.175,1)}#projects .content-flex .content-flex-card.highlight .content-flex-content .content-flex-header:after{width:100%}#projects .content-flex .content-flex-card .content-flex-content ul{margin-bottom:0}#projects .content-flex .content-flex-card .content-flex-img{width:35vw;height:35vw;flex-shrink:0;object-fit:contain;filter:grayscale(10) brightness(1);transition:all .5s cubic-bezier(.77,0,.175,1)}#projects .content-flex .content-flex-card .content-flex-img:hover{filter:none}#services{background-color:#161616;border-bottom:1px solid rgb(83,83,83)}#services #services-header{color:#fff}#services .content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}#services .content-grid .content-card{background-color:#161616;padding:20px 30px;transition:background-color .5s cubic-bezier(.77,0,.175,1);border:1px solid rgb(83,83,83);border-radius:10px}#services .content-grid .content-card .card-header{width:fit-content;font-size:3vw;font-weight:600;color:#fff;margin:0 0 16px;transition:color .5s cubic-bezier(.77,0,.175,1);position:relative}#services .content-grid .content-card p,#services .content-grid .content-card ul li{opacity:0;transition:all .5s cubic-bezier(.77,0,.175,1)}#services .content-grid .content-card:hover{background-color:#161616;cursor:default}#services .content-grid .content-card .card-header:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:.1em;background:linear-gradient(to top right,#ffb339,#ff5c61 75%,#eb1749);transition:all .5s cubic-bezier(.77,0,.175,1)}#services .content-grid .content-card:hover .card-header:after{width:100%}#services .content-grid .content-card:hover p,#services .content-grid .content-card:hover ul li,#services .content-grid .content-card:hover ul li a{color:#fff;opacity:1}#pricing{background-color:#161616;border-bottom:1px solid rgb(83,83,83)}#pricing .pricing-category{text-align:center;color:#fff;font-size:3vw;font-weight:600;margin:50px 0 25px}.pricing-grid{display:flex;justify-content:center;align-items:center;gap:20px;margin:0 auto;height:600px}.pricing-card{border-radius:10px;border:1px solid rgb(83,83,83);box-sizing:border-box;padding:50px 40px;height:90%;width:300px;display:flex;flex-direction:column;align-items:center;transition:transform .5s cubic-bezier(.77,0,.175,1)}.pricing-card.center{height:100%}.pricing-card:hover{transform:scale(1.02);cursor:default}.card-title{color:#fff;font-size:3vw;font-weight:600;margin-bottom:10px;margin-top:0;width:100%;text-align:center}.card-price{font-size:40px;font-family:Clash Display,Montserrat,sans-serif;background:linear-gradient(to top right,#ffb339,#ff5c61 75%,#eb1749);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;margin:0;padding:20px 0}.features-list{list-style:none;text-align:left;width:180px;padding:0;margin:0 0 24px}.features-list li{margin-bottom:10px;color:#fff}.cta-button{padding:15px;background-color:#fff;color:#161616;font-family:Montserrat,Clash Display,sans-serif;font-size:16px;font-weight:600;border:1px solid rgba(255,255,255,1);border-radius:10px;width:100%;margin-top:auto;text-transform:uppercase;cursor:pointer;transition:background-color .5s cubic-bezier(.77,0,.175,1),color .5s cubic-bezier(.77,0,.175,1)}.cta-button:hover{background-color:#161616;color:#fff}.pricing-card.center .cta-button{border:1px solid rgb(22,22,22);background:linear-gradient(to top right,#ffb339,#ff5c61 75%,#eb1749);transition:box-shadow .5s cubic-bezier(.77,0,.175,1),background-image .5s cubic-bezier(.77,0,.175,1),border .5s cubic-bezier(.77,0,.175,1),color .5s cubic-bezier(.77,0,.175,1)}.pricing-card.center .cta-button:hover{border:1px solid transparent;color:#fff;box-shadow:0 0 10px #ff5c61}#pricing .disclaimer{color:#fff;font-size:14px;text-align:center;margin-top:30px}#booking{position:relative;background:linear-gradient(to top right,#ffb339,#ff5c61 75%,#eb1749);padding:80px 40px;display:flex;flex-direction:column;align-items:center;z-index:1}#booking:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#161616a6,#16161600);z-index:-1}#booking .section-header{margin:0 0 10px}#booking p{color:#fff;text-align:center;font-size:16px;margin:0 0 30px;width:900px}#booking button{position:relative;z-index:1;padding:15px 30px;background-color:#fff;color:#d26b4f;font-family:Montserrat,Clash Display,sans-serif;font-size:16px;font-weight:600;border:1px solid rgba(255,255,255,1);border-radius:10px;margin:0 auto;text-transform:uppercase;cursor:pointer;transition:background-color .5s cubic-bezier(.77,0,.175,1),color .5s cubic-bezier(.77,0,.175,1)}#booking button:hover{background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,1)}#contact{height:100vh;padding:150px 40px 30px;background-color:#161616}#contact .contact-row{display:grid;grid-template-columns:1fr 2fr}#contact #contact-header,#contact p{color:#fff}#contact .contact-row #contact-info p{margin-top:0}#contact .contact-row #contact-info a{position:relative;margin-top:0;color:#fff;text-decoration:none}#contact .contact-row #contact-info a:after{z-index:1;content:"";position:absolute;left:0;bottom:-3px;width:0;height:1.5px;background:linear-gradient(to top right,#ffb339,#ff5c61 75%,#eb1749);transition:all .5s cubic-bezier(.77,0,.175,1)}#contact .contact-row #contact-info a:hover:after{width:100%}#contact fieldset{padding:20px 25px;border-radius:10px;border:1px solid rgb(83,83,83);margin-left:10px}#contact input,#contact textarea,#contact button{width:100%;padding:15px;margin-top:10px;margin-bottom:20px;border:none;box-sizing:border-box}#contact input,#contact textarea{background-color:transparent;border:1px solid rgba(255,255,255,1);border-radius:10px}#contact .name-fields{display:flex;gap:20px}#contact .name-field{flex:1;display:flex;flex-direction:column}#contact textarea{min-height:120px;max-height:300px}#contact label,#contact input,#contact textarea,#contact em{color:#fff;font-family:Montserrat,Clash Display,sans-serif}#contact label{font-size:18px}#contact input,#contact textarea{font-family:Montserrat,Clash Display,sans-serif;font-size:16px}#contact legend,#contact button{color:#fff;font-family:Montserrat,Clash Display,sans-serif;text-transform:uppercase;text-align:center;font-size:20px}#contact textarea{resize:vertical}#contact button{color:#161616;background:linear-gradient(to top right,#ffb339,#ff5c61 75%,#eb1749);font-weight:600;cursor:pointer;border-radius:10px;transition:all .5s cubic-bezier(.77,0,.175,1)}#contact button:active{color:#161616;background-color:#fff}#contact button:hover{color:#fff;background-color:#161616;box-shadow:0 0 10px #ff5c61}#contact .radio-groups{display:flex;flex-direction:row;gap:50px}#contact .radio-group-title{color:#fff;font-family:Montserrat,Clash Display,sans-serif;font-size:18px;font-weight:600;margin:0}#contact .radio-group{display:flex;flex-direction:column;margin:20px 0;gap:20px}#contact .radio-label{display:flex;align-items:center;font-size:16px;color:#fff;cursor:pointer}#contact .radio-label input[type=radio]{margin:0 8px 0 0;accent-color:rgb(255,179,57);width:15px;height:15px;cursor:pointer}#footer{background-color:#161616;padding:20px;border-top:1px solid rgb(83,83,83);position:relative;overflow:hidden}#footer .footer-text{margin-bottom:60px}#footer .footer-text p,#footer .footer-text a{color:#fff;margin:0 0 5px}#footer .favicon-track{position:absolute;bottom:0;left:0;width:200%;height:50px;background:url(christiantanner_FAV-Transparent.png) repeat-x;background-size:50px auto;opacity:.1;animation:scroll-left 30s linear infinite}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 1024px){#header{background-position:center;background-size:cover;padding-left:20px}#header .header-text{font-size:11vw}#header .header-text #header-bio{font-size:3vw}.section-header{font-size:8vw}#navbar .navbar-elements{display:none;flex-direction:column;position:absolute;background-color:#161616;width:100%;padding:10px 0;gap:5px}#navbar .navbar-element{padding:15px 40px}#navbar .navbar-elements.open{display:flex;position:fixed;background-color:#161616}#navbar .navbar-element a{font-size:18px;text-align:center}#navbar #navbar-favicon{width:40px;height:40px;margin:10px auto}#navbar #hamburger-menu{display:flex}#about-me .content-grid .content-card .card-header,#services .content-grid .content-card .card-header{font-size:6vw}#about-me .content-grid,#services .content-grid{grid-template-columns:1fr}#about-me .content-grid .content-card,#services .content-grid .content-card{background:#161616!important}#about-me .content-grid .content-card .card-header:after{width:100%}#about-me .content-grid .content-card p,#about-me .content-grid .content-card ul li{color:#fff;opacity:1}#projects .content-flex .content-flex-card.highlight{transform:none}#projects .content-flex .content-flex-card:nth-child(odd),#projects .content-flex .content-flex-card:nth-child(2n){flex-direction:column}#projects .content-flex .content-flex-card .content-flex-img{width:100%;height:auto;filter:none}#projects .content-flex .content-flex-card,#projects .content-flex .content-flex-card .content-flex-content{height:auto}#projects .content-flex .content-flex-card .content-flex-content .content-flex-header{text-align:center;font-size:5vw}#projects .content-flex .content-flex-card .content-flex-content .content-flex-header:after{width:100%}#services .content-grid .content-card .card-header:after{width:100%}#services .content-grid .content-card p,#services .content-grid .content-card ul li,#services .content-grid .content-card ul li a{color:#fff;opacity:1}.pricing-grid{flex-direction:column;align-items:center}.pricing-card{width:100%}#contact .contact-row{grid-template-columns:1fr}#contact .contact-row #contact-info{margin-bottom:20px}#contact .contact-row #contact-info a:after{width:100%}#contact fieldset{margin-left:0}}