.title-area{position:fixed;top:0;left:0;--logo-diameter-size:102.72px;--ellipse-width:750px;--full-logo-width:285px}@media screen and (min-width:450px){.title-area{--logo-diameter-size:136.95px;--ellipse-width:975px;--full-logo-width:380px}}@media screen and (min-width:600px){.title-area{--logo-diameter-size:188.5px;--ellipse-width:1300px;--full-logo-width:523px}}.title-area .ellipse{height:calc(var(--ellipse-width)/2);width:var(--ellipse-width);transform:translateX(-50%) translateY(-50%);-webkit-clip-path:ellipse(calc(var(--ellipse-width) / 2) calc(var(--ellipse-width) / 4));clip-path:ellipse(calc(var(--ellipse-width) / 2) calc(var(--ellipse-width) / 4));background:-o-linear-gradient(90deg,rgb(68,129,177) 0,rgba(238,130,238,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#EE82EE",endColorstr="#4481B1",GradientType=0);background:linear-gradient(90deg,rgb(68,129,177),rgba(238,130,238,0));position:fixed;opacity:1;left:calc(var(--ellipse-width)/2*-1);top:calc(var(--ellipse-width)/4*-1);animation:title-area-background-enter .5s 2s forwards}.title-area .logo{width:var(--full-logo-width);position:fixed;top:24px;left:24px;z-index:210;opacity:0;animation:title-area-logo-enter .25s 1.8s forwards}.title-area .initial-logo{position:fixed;top:calc(50vh - var(--logo-diameter-size)/2);left:calc(50vw - var(--logo-diameter-size)/2);width:var(--logo-diameter-size);animation:logo-travel-to-left .75s cubic-bezier(.8,.2,.5,1) 1.1s forwards,logo-travel-to-top .6s cubic-bezier(.8,0,.5,1) 1.2s forwards;-webkit-animation:logo-travel-to-left .75s cubic-bezier(.8,.2,.5,1) 1.1s forwards,logo-travel-to-top .6s cubic-bezier(.8,0,.5,1) 1.2s forwards}@media screen and (min-width:600px){.title-area .initial-logo{animation:logo-travel-to-left .75s cubic-bezier(.8,0,.5,1) 1s forwards,logo-travel-to-top .65s cubic-bezier(.8,0,.5,1) 1.23s forwards;-webkit-animation:logo-travel-to-left .75s cubic-bezier(.8,0,.5,1) 1s forwards,logo-travel-to-top .65s cubic-bezier(.8,0,.5,1) 1.23s forwards}}.title-area.skip-animations .ellipse{left:0;top:0;animation:none}.title-area.skip-animations .logo{opacity:1;animation:none}.title-area.skip-animations .initial-logo{left:24px;top:24px;animation:none;opacity:0}@keyframes title-area-background-enter{to{left:0;top:0}}@keyframes title-area-logo-enter{to{opacity:1}}@keyframes logo-travel-to-left{to{left:24px}}@keyframes logo-travel-to-top{to{top:24px}}.nav-area-wrapper{position:fixed;bottom:0;--title-area-height:187.5px;height:calc(100vh - var(--title-area-height));display:flex;flex-direction:column;justify-content:center;left:-225px;animation:nav-area-entry .5s 1.4s forwards;-webkit-animation:nav-area-entry .5s 1.4s forwards}@media screen and (min-width:450px){.nav-area-wrapper{--title-area-height:243.75px}}@media screen and (min-width:600px){.nav-area-wrapper{--title-area-height:325px}}.nav-area-wrapper.skip-animations{left:0;animation:none}.nav-area-wrapper .nav-area{display:flex}.nav-area-wrapper .nav-area .nav-area-list{display:flex;flex-direction:column;align-items:stretch;border-radius:0 20px 20px 0;max-width:225px}.nav-area-wrapper .nav-area .nav-area-list .nav-link{text-align:start;border:none;border-radius:0 20px 20px 0;padding:10px 24px;background:rgba(0,0,0,0)}.nav-area-wrapper .nav-area .nav-area-list .nav-link.active{font-weight:700;padding-left:11px}.nav-area-wrapper .nav-area .nav-area-list .nav-link.active>img{position:relative;top:-2px;margin-right:5px}.nav-area-wrapper .nav-area .nav-area-list .nav-link>span>img{margin-left:5px;height:16px;width:16px}.nav-area-wrapper .nav-area .nav-area-list .nav-link:hover{background:rgba(6,71,102,.1)}.nav-area-wrapper .nav-area .nav-area-list a.nav-link{text-decoration:none;color:var(--primary-text-color)}.nav-area-wrapper .nav-divider{height:36px}@keyframes nav-area-entry{to{left:0}}.home-section{display:flex;flex-direction:column;align-items:center}.home-section .card-content{padding:32px}.about-section,.portfolio-section{display:flex;flex-direction:column;align-items:center}.portfolio-section>.card:not(:first-child){margin-top:60px}.portfolio-section .image-box img{max-width:100%}.portfolio-section .card-content{display:flex;gap:32px;align-items:center}.portfolio-section .card-content .content{display:flex;flex-direction:column;gap:16px}.portfolio-section .card-content .content .header{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:16px}.portfolio-section .card-content .content .header b{font-size:1.5em;font-weight:400;opacity:.7;font-family:Merriweather,serif}.portfolio-section .card-content .content .card-description{margin:8px}.portfolio-section .card-content .content .title{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;padding-bottom:16px}.portfolio-section .card-content .content .title span{font-weight:700}.portfolio-section .card-content .content .flex-wrapper{display:flex;flex-direction:column;gap:24px;align-items:center}@media screen and (min-width:650px)and (max-width:949px){.portfolio-section .card-content .content .flex-wrapper .image-box{display:flex;justify-content:center;width:100%}.portfolio-section .card-content .content .flex-wrapper .image-box picture{display:flex;justify-content:center}.portfolio-section .card-content .content .flex-wrapper .image-box img{width:400px;max-width:100%}.portfolio-section .card-content .content .flex-wrapper .cell{width:100%;max-width:500px}}@media screen and (min-width:950px){.portfolio-section .card-content .content .flex-wrapper{flex-direction:row;align-items:center;gap:32px}.portfolio-section .card-content .content .flex-wrapper .image-box{flex-shrink:0}.portfolio-section .card-content .content .flex-wrapper .cell{display:flex;align-items:center;min-height:100%}}.portfolio-section .card-content .content .flex-wrapper .image-box a{display:flex;flex-direction:column;align-items:center;min-width:200px}.portfolio-section .card-content .content .flex-wrapper .image-box a img{max-width:100%}.portfolio-section .card-content .content .flex-wrapper .image-box a div{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:var(--text-size-detail)}.portfolio-section .card-content .content .flex-wrapper .image-box a div>img{height:12px;width:12px}.portfolio-section .image-box img{width:260px;border-radius:8px}.unstyled-link{text-decoration:none;color:inherit;padding:16px;border-radius:4px}.unstyled-link:hover{background-color:rgba(255,255,255,.2666666667);box-shadow:0 0 10px 0 rgba(0,0,0,.1)}.portfolio-divider{border:none;height:1px;background-color:rgba(6,71,102,.2);margin:8px 0}.contact-section{display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-section .section-content{padding:0 8px}@media screen and (min-width:867px){.contact-section .section-content{padding:0 32px}}.contact-section .section-content .form{margin:24px 0;display:flex;flex-direction:column;gap:8px}.contact-section .section-content .form .row{display:flex;flex-direction:row;gap:8px}@media(max-width:867px){.contact-section .section-content .form .row{flex-direction:column}}.contact-section .section-content .form .form-input,.contact-section .section-content .form .form-textarea{padding:0 16px;border:1px solid var(--scrolling-color-45);border-radius:6px;font-size:var(--text-size-detail);background-color:rgba(0,0,0,0);color:var(--text-color);transition:border-color .2s ease}.contact-section .section-content .form .form-input::placeholder,.contact-section .section-content .form .form-textarea::placeholder{color:var(--text-color-muted)}.contact-section .section-content .form .form-input:focus,.contact-section .section-content .form .form-textarea:focus{outline:none;border-color:var(--primary-theme-color)}.contact-section .section-content .form .form-input.error,.contact-section .section-content .form .form-textarea.error{border-color:#ff4d4f}.contact-section .section-content .form .form-input{flex:1 1;min-height:44px}.contact-section .section-content .form .form-textarea{min-height:120px;padding:12px 16px;resize:vertical;font-family:inherit}.contact-section .section-content .form .submit-button{align-self:center;width:200px;max-width:50%;min-height:44px;display:flex;justify-content:center;align-items:center;background-color:var(--primary-theme-color);border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}@media(max-width:867px){.contact-section .section-content .form .submit-button{width:100%;max-width:100%}}.contact-section .section-content .form .submit-button:hover{background-color:var(--primary-theme-color-hover,#0056b3)}.contact-section .section-content .form .submit-button:active{transform:translateY(1px)}.contact-section .section-content .form .submit-button img{padding-right:10px;height:16px}.contact-section .section-content .form .submit-button span{font-size:var(--text-size-detail);color:#fff}.contact-section .section-content .social-links-area{border-top:2px solid var(--scrolling-color-45);display:flex;flex-direction:row;justify-content:center;gap:32px;padding:16px 32px 0}.menu button{background:rgba(0,0,0,0);padding:0;border:none}.menu .invisible{opacity:0}.menu .hidden{display:none!important}.menu .nav-menu-anchor{position:fixed;top:0;right:0;z-index:301;width:100%}.menu .nav-menu-anchor div.nav-menu-backdrop{position:absolute;top:0;bottom:0;left:-50%;right:-50%;height:100vh;z-index:10;background:radial-gradient(ellipse at 50% 50%,var(--scrolling-color-95) 20%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.6) 90%);animation:fade-in .3s;animation-fill-mode:forwards}.menu .nav-menu-anchor div.nav-menu-backdrop.invisible{animation:fade-out .3s;animation-fill-mode:forwards}.menu .nav-menu-anchor div.nav-menu{position:absolute;top:0;left:0;right:0;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-sizing:border-box;z-index:20;animation:fade-in .3s;animation-fill-mode:forwards}.menu .nav-menu-anchor div.nav-menu .nav-links{display:flex;flex-direction:column;max-width:300px;width:85%}.menu .nav-menu-anchor div.nav-menu .nav-links a.nav-link,.menu .nav-menu-anchor div.nav-menu .nav-links button{padding:20px}.menu .nav-menu-anchor div.nav-menu .nav-links a.nav-link:hover,.menu .nav-menu-anchor div.nav-menu .nav-links button:hover{font-weight:700;cursor:pointer}.menu .nav-menu-anchor div.nav-menu .nav-links a.nav-link{text-decoration:none;color:var(--primary-text-color);display:flex;justify-content:center}.menu .nav-menu-anchor div.nav-menu .nav-links a.nav-link span{display:flex;gap:5px;align-items:center}.menu .nav-menu-anchor div.nav-menu .nav-links a.nav-link span img{height:16px;width:16px}.menu .nav-menu-anchor div.nav-menu.invisible{animation:fade-out .3s;animation-fill-mode:forwards}.menu .nav-divider{height:36px}.frozen{overflow:hidden}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.main-content-area{opacity:0;position:relative;z-index:200;animation:main-content-area-enter .75s 2.2s forwards;-webkit-animation:main-content-area-enter .75s 2.2s forwards;padding-top:25vh}.main-content-area.skip-animations{opacity:1;animation:none}@media screen and (min-width:650px){.main-content-area{margin-left:225px}}.main-content-area .section-slot{padding:10vh 32px}.main-content-area .section-slot h2{text-align:center;color:var(--scrolling-text-color);text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff}.main-content-area p{margin-top:20px;margin-bottom:0}.main-content-area p:first-child{margin-top:0}@keyframes main-content-area-enter{0%{opacity:0}to{opacity:1}}