@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;800&family=Unica+One&display=swap");html{font-size:62.5%}body{font-size:1.6rem;line-height:1.6;font-family:Poppins;background-color:#000;color:#fff}h1,h2,h3,h4{margin:0}h3{font-size:3rem;opacity:0;transform:translateY(-2rem);transition:opacity 1s ease-out,transform 1s ease-out}h3.appear{opacity:1;transform:translateY(0)}h4{font-size:2rem}.section--padding{padding:2em}button{cursor:pointer}.button,.grid__card--last .static__copy a,.hero__text a{display:inline-block;font-size:1.6rem;background-color:#ff97af;color:#000;padding:.5em 1em;margin-top:1em;box-shadow:0 45px 35px -15px rgba(0,0,0,.5);font-weight:500;border-bottom:none;position:relative}.button:hover,.grid__card--last .static__copy a:hover,.hero__text a:hover{border-bottom:0;color:#000}.button:after,.grid__card--last .static__copy a:after,.hero__text a:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.2);transform:scaleX(0);transform-origin:right;transition:transform .2s ease-in-out}.button:hover:after,.grid__card--last .static__copy a:hover:after,.hero__text a:hover:after{transform:scaleX(1);transform-origin:left}.button:focus,.grid__card--last .static__copy a:focus,.hero__text a:focus{color:#000;background:#af75fa;outline:2px solid #af75fa;outline-offset:2px;transition:none}.button:focus:not(:focus-visible),.grid__card--last .static__copy a:focus:not(:focus-visible),.hero__text a:focus:not(:focus-visible){background-color:#ff97af;border-bottom:none}a{color:#ff97af;text-decoration:none;border-bottom:1px solid #ff97af;transition:color .2s ease-in-out,border-bottom .2s ease-in-out}a:hover{color:#af75fa;border-color:#af75fa}a:focus{color:#af75fa;border-bottom:none;outline:2px solid #af75fa;outline-offset:2px}a:focus:not(:focus-visible){outline:none;border-bottom:1px solid #af75fa}::marker{color:#ff97af}.primary{color:#ff97af}.diff{color:#ccc}.bold{font-weight:500}.footer__copy svg,.footer__totop svg,.social-media svg{fill:#ff97af;display:inline;width:2.4rem;height:2.4rem;transition:fill .2s ease-in-out;margin-right:.4rem}.footer__copy svg:hover,.footer__totop svg:hover,.social-media svg:hover{fill:#af75fa}.footer__copy a,.footer__totop a,.social-media a{border-bottom:none}.footer__copy a:focus,.footer__totop a:focus,.social-media a:focus{outline:none}.footer__copy a:focus svg,.footer__totop a:focus svg,.social-media a:focus svg{fill:#af75fa;box-shadow:0 0 0 2px #000,0 0 0 4px #af75fa;border-radius:50%}.footer__copy a:focus:not(:focus-visible),.footer__totop a:focus:not(:focus-visible),.social-media a:focus:not(:focus-visible){border-bottom:none}.footer__copy a:focus:not(:focus-visible) svg,.footer__totop a:focus:not(:focus-visible) svg,.social-media a:focus:not(:focus-visible) svg{fill:#ff97af;box-shadow:none}.divider.light{fill:#0f0f0f}.divider.dark{fill:#000}.divider.top{margin-top:-.5em}.divider.bottom{margin-bottom:-.5em}.skills__card,.transition{opacity:0;transform:translateY(2rem);transition:opacity 1s ease-out,transform 1s ease-out}.appear.skills__card,.transition.appear{opacity:1;transform:translateY(0)}@media screen and (min-width:40em){.section--padding{padding:2em 4em}.divider.top{margin-top:-1em}.divider.bottom{margin-bottom:-1em}}@media screen and (min-width:64em){.section--padding{padding:2em 6em}.divider.top{margin-top:-1.5em}.divider.bottom{margin-bottom:-1.5em}}@media screen and (min-width:90em){body{line-height:2}.section--padding{padding:3em 6em}.divider.top{margin-top:-2em}.divider.bottom{margin-bottom:-2em}}@media screen and (min-width:120em){body{font-size:1.8rem}.section--padding{padding:5em 15em 4em}.divider.top{margin-top:-3em}.divider.bottom{margin-bottom:-3em}}.header__flex{display:flex;flex-direction:row;align-items:center}#burger{background-color:transparent;border:none;display:inline-block;position:relative;padding:.5em;z-index:2}#burger:focus{background:#af75fa;outline:2px solid #af75fa;outline-offset:2px;transition:none}#burger:focus:not(:focus-visible){outline:none;background-color:transparent}#burger .bar1,#burger .bar2,#burger .bar3{width:2.5rem;height:.2rem;background-color:#fff;margin:.6rem 0;transition:.3s;pointer-events:none}#burger.change{transform:rotate(90deg);transition:all .5s ease-in-out}#burger.change .bar1{-webkit-transform:rotate(-45deg) translate(-6px,6px);transform:rotate(-45deg) translate(-5px,6px);background-color:#000}#burger.change .bar2{opacity:0}#burger.change .bar3{-webkit-transform:rotate(45deg) translate(-6px,-6px);transform:rotate(45deg) translate(-5px,-6px);background-color:#000}#nav{position:absolute;top:0;height:0;overflow:hidden;background-color:#ff97af;opacity:0;transition:all .3s ease-in-out;z-index:1}#nav.show{height:100%;width:100%;opacity:1}#nav ul{list-style-type:none;margin-top:2.5em;padding-left:0}#nav a{display:block;color:#000;text-decoration:none;font-weight:600;font-size:calc(1rem + 5vw);padding:.5em;border-bottom:none}#nav a:focus{outline:none;color:#af75fa}#nav a:focus:after{background-color:#af75fa;transform:scaleX(1);transform-origin:center}#nav a:focus:not(:focus-visible){color:#fff}#nav a:focus:not(:focus-visible):after{background-color:#ff97af}.hero{height:100vh;position:relative;line-height:1.2}.hero__background{margin-top:-5rem;position:absolute;top:0;bottom:0;left:0;right:0;background-color:#000;background-image:url(../img/flowers.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:-1}.hero__desc{position:relative;text-align:center;top:20%}.hero__desc svg{fill:#000}.hero__desc #divider-1{margin-bottom:-.5rem}.hero__desc #divider-2{margin-top:-.5rem}.hero__text{background-color:#000;padding:.5rem 1em 1.5rem}.hero__text>div:first-child{display:inline-block}.hero__text>div:first-child .name{font-size:calc(1rem + 2vw);font-weight:500;text-align:right;margin-bottom:-1rem;margin-right:.5em;color:#e6e6e6}.hero__text>div:first-child .title{text-transform:uppercase;font-size:calc(1rem + 7vw);font-weight:800;padding:.1em 0;margin:0}.hero__text>div:first-child .title span:first-of-type{font-family:Unica One;text-transform:capitalize;font-size:calc(1rem + 10vw);color:#ff97af}.hero__text>div:first-child .title span:nth-of-type(3){color:#ff97af}.hero__text .hero__skills{margin:0;color:#e6e6e6}.hero__text a{font-size:1.8rem;display:inline-block;transform:scale(.5);transition:transform 1s ease-out,opacity 1s ease-out;opacity:0}.hero__text a.appear{opacity:1;transform:scale(1);transition-delay:1s}.hero #divider-3{fill:#0f0f0f;position:absolute;bottom:0;left:0;width:100%}@media screen and (min-width:35em){.hero{padding-bottom:1em}.hero #divider-3{margin-bottom:-2rem}}@media screen and (min-width:50em){.hero__desc{display:inline-block;width:auto;left:50%;transform:translateX(-50%)}.hero__desc svg{display:none}.hero__text{background-color:rgba(0,0,0,.6);padding:0 2em 2em}.hero__text>div:first-child .name{font-size:calc(1rem + 1.5vw)}.hero__text>div:first-child .title{font-size:calc(1rem + 4vw)}.hero__text>div:first-child .title span:first-of-type{font-size:calc(1rem + 7vw)}}@media screen and (min-width:64em){.header__flex{display:inline-block}.header__flex .heading{margin-left:.25em}#burger{display:none}#nav{display:inline;position:static;width:100%;opacity:1;height:auto}#nav ul{display:inline-flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1em;float:right;width:auto;margin-top:0;margin-right:.5em}#nav a{display:inline-block;color:#fff;font-weight:600;font-size:calc(1rem + 1vw);padding:.5em;position:relative}#nav a:after{content:"";position:absolute;bottom:.5em;left:0;height:2px;width:100%;background-color:#ff97af;transform:scaleX(0);transform-origin:right;transition:transform .5s ease-in-out}#nav a:hover:after{transform:scaleX(1);transform-origin:left}}@media screen and (min-width:90em){.hero__background{margin-top:-7rem}}@media screen and (min-width:120em){.hero__background{margin-top:-8rem}}@media screen and (min-width:180em){.hero #divider-3{margin-bottom:-4rem}}.about,.portfolio{background-color:#0f0f0f;margin-top:-.5em}.about h3,.portfolio h3{margin-bottom:.5em}.about .grid,.portfolio .grid{display:grid;grid-template-columns:1fr;grid-gap:2em}.about .grid__card,.portfolio .grid__card{background-color:#1a1a1a;box-shadow:0 45px 35px -15px rgba(0,0,0,.5);overflow-x:hidden;position:relative;padding-bottom:6em;opacity:0;transition:opacity 1s ease-out,transform 1s ease-out}.about .grid__card.grid__card--last,.portfolio .grid__card.grid__card--last{padding-bottom:0}.about .grid__card:nth-child(odd),.portfolio .grid__card:nth-child(odd){transform:translateX(-2em)}.about .grid__card:nth-child(2n),.portfolio .grid__card:nth-child(2n){transform:translateX(2em)}.about .grid__card.appear,.portfolio .grid__card.appear{opacity:1;transform:translateX(0)}.about .grid__video,.portfolio .grid__video{position:relative;padding-bottom:56.25%}.about .grid__video iframe,.portfolio .grid__video iframe{position:absolute;top:0;bottom:0;left:0;right:0}.about .grid__copy,.portfolio .grid__copy{padding:1em}.about .grid__copy ul,.portfolio .grid__copy ul{padding-left:1em}.about .grid__copy>div:nth-of-type(2),.portfolio .grid__copy>div:nth-of-type(2){position:absolute;bottom:1em;left:1em;width:calc(100% - 2em)}.about .grid__copy>div:nth-of-type(2) .button,.about .grid__copy>div:nth-of-type(2) .grid__card--last .static__copy a,.about .grid__copy>div:nth-of-type(2) .hero__text a,.grid__card--last .static__copy .about .grid__copy>div:nth-of-type(2) a,.grid__card--last .static__copy .portfolio .grid__copy>div:nth-of-type(2) a,.hero__text .about .grid__copy>div:nth-of-type(2) a,.hero__text .portfolio .grid__copy>div:nth-of-type(2) a,.portfolio .grid__copy>div:nth-of-type(2) .button,.portfolio .grid__copy>div:nth-of-type(2) .grid__card--last .static__copy a,.portfolio .grid__copy>div:nth-of-type(2) .hero__text a{width:inherit}.about .grid__title,.portfolio .grid__title{color:#ff97af}.about .grid__desc,.portfolio .grid__desc{color:#d9d9d9}.grid__card--last,.grid__card--last .static{display:flex;flex-direction:column}.grid__card--last .static{flex-grow:1}.grid__card--last .static>div{position:relative;flex:1;min-height:150px}.grid__card--last .static .background{position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1}.grid__card--last .static__copy{text-align:center;padding:1em .5em .5em}.grid__card--last .static__copy p{font-weight:700;margin:0 0 5px;font-size:2rem;text-shadow:0 0 3px rgba(0,0,0,.5)}.grid__card--last .static__copy a{display:block;margin:5px}.grid__card--last .static__copy a:focus:not(:focus-visible){outline:none}.grid__card--last .static__wedding .background{background-image:url(../img/wedding.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.grid__card--last .static__travel .background{background-image:url(../img/mountains.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.grid__card--last .static__charity .background{background-image:url(../img/night.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.grid__card--last .static__charity span{font-size:1.3rem;display:block;margin-top:.5rem}@media screen and (min-width:46em){.about .grid,.portfolio .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2em}}@media screen and (min-width:60em){.about .grid__card,.portfolio .grid__card{padding-bottom:3em}.about .grid__copy>div:nth-of-type(2),.portfolio .grid__copy>div:nth-of-type(2){width:auto;display:flex;justify-content:flex-start;gap:.7em}.about .grid__copy>div:nth-of-type(2) .button,.about .grid__copy>div:nth-of-type(2) .grid__card--last .static__copy a,.about .grid__copy>div:nth-of-type(2) .hero__text a,.grid__card--last .static__copy .about .grid__copy>div:nth-of-type(2) a,.grid__card--last .static__copy .portfolio .grid__copy>div:nth-of-type(2) a,.hero__text .about .grid__copy>div:nth-of-type(2) a,.hero__text .portfolio .grid__copy>div:nth-of-type(2) a,.portfolio .grid__copy>div:nth-of-type(2) .button,.portfolio .grid__copy>div:nth-of-type(2) .grid__card--last .static__copy a,.portfolio .grid__copy>div:nth-of-type(2) .hero__text a{width:auto}.about .grid .static__copy,.portfolio .grid .static__copy{position:relative;top:40%;transform:translateY(-50%)}.about .grid .static a,.portfolio .grid .static a{display:inline-block}}@media screen and (min-width:90em){.about .grid,.portfolio .grid{gap:3em}}@media screen and (min-width:120em){.about .grid,.portfolio .grid{gap:4em}}.skills__card .skills__lang{font-size:2rem;margin-bottom:0}.skills__card .skills__list{color:#e6e6e6;list-style-type:none;padding:0;margin-top:0}@media screen and (min-width:50em){.skills__grid{display:grid;grid-template-columns:repeat(3,auto);grid-template-areas:"frontend backend database" "frontend other noncode";gap:0 2em;justify-content:space-between}.skills__grid .skills__card:first-of-type{grid-area:frontend}.skills__grid .skills__card:nth-of-type(2){grid-area:backend}.skills__grid .skills__card:nth-of-type(3){grid-area:database}.skills__grid .skills__card:nth-of-type(4){grid-area:other}.skills__grid .skills__card:nth-of-type(5){grid-area:noncode}}@media screen and (min-width:90em){.skills__list{font-size:2rem}}#certificates{margin-top:-3em}.certificates__grid div{margin-bottom:.5rem}.certificates__toggle{background:#ff97af;border:none;margin-right:.5em;width:2em;height:2em}.certificates__toggle:focus{background:#af75fa;outline:2px solid #af75fa;outline-offset:2px;transition:none}.certificates__toggle:focus:not(:focus-visible){background-color:#ff97af;outline:none}.certificates__lang,.skills__card .skills__lang{font-weight:600}.certificates__list{display:none;list-style-type:none;padding-left:0}.certificates__list li{margin:5px 0}.appear .certificates__list{display:block}.certificates__list .certificates__provider{color:#ccc;font-style:italic;font-size:.9em}@media screen and (min-width:90em){#certificates{margin-top:-5em}}@media screen and (min-width:120em){#certificates{margin-top:-8em}}#contact__link{display:inline-block;transform:scale(.5);transition:transform 1s ease-out,opacity 1s ease-out;opacity:0;margin-top:0;margin-bottom:.5rem}#contact__link.appear{opacity:1;transform:scale(1)}#contact-button{background-color:#ff97af;padding:.4em 4em .4em .5em;line-height:.6;border-bottom:none;position:fixed;z-index:1;right:-3.5em;bottom:1em;transition:right .6s ease-in-out}#contact-button:hover{right:0;border-bottom:none}#contact-button:focus{outline:none;background-color:#af75fa;right:0}#contact-button:focus:not(:focus-visible){background-color:#ff97af}#contact-button:before{content:"Hello!";font-weight:500;font-family:Poppins;position:absolute;color:#000;right:.5em;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .6s ease-in-out}#contact-button:focus:before,#contact-button:hover:before{opacity:1}#contact-button svg{fill:#000;width:24px;height:24px}@media screen and (min-width:40em){#contact .section--padding{padding-top:4em}}@media screen and (min-width:80em){#contact .section--padding{padding-top:6em}}@media screen and (min-width:120em){#contact .section--padding{padding-top:8em}}.footer{font-size:1.2rem;position:relative}.footer__svg{width:100%;fill:#000;margin-top:-5px}.footer__bg{background-color:#000;background-image:url(../img/flowers.jpg);background-position:0 0;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1}.footer__copy{padding:2em}.footer__copy .contact-details span{display:flex;align-items:center}.footer__totop{text-align:center}.footer__totop a{box-shadow:0 45px 35px -15px rgba(0,0,0,.5)}@media screen and (min-width:40em){.footer__copy{padding:2em 4em}}@media screen and (min-width:50em){.footer__copy{padding:8em 6em 2em}.footer__copy .footer__copy,.footer__copy .footer__totop,.footer__copy .social-media{position:absolute;right:6em;bottom:2em}}@media screen and (min-width:90em){.footer__copy{padding:12em 10em 4em}.footer__copy .footer__copy,.footer__copy .footer__totop,.footer__copy .social-media{right:10em;bottom:4em}}@media screen and (min-width:120em){.footer__copy{padding:14em 15em 4em}.footer__copy .footer__copy,.footer__copy .footer__totop,.footer__copy .social-media{right:15em;bottom:4em}}.about .youtube-link{margin-top:3em}symbol{width:24px;height:24px}