html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,button{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Arial,sans-serif;background-color:#f0f0f0;color:#333}html{scroll-behavior:smooth}header{background-color:var(--color-pink);padding:.5em 0}header .column-left a{color:var(--background-color);font-family:var(--content-font);font-size:1.3em;padding-top:.4em;font-weight:300}header img{height:4em;width:4em;border-radius:100px;background-color:rgba(var(--color-dark-pink-rgb),.2)}#desktop-pfp{display:block}#mobile-pfp-container,#desktop-pfp-container{gap:.25em}header h1{font-family:var(--content-font)!important;font-size:2em;color:var(--background-color)}header h1 span:nth-of-type(2){font-weight:800;letter-spacing:-.01em;margin-top:-.3em}header h1 span:nth-of-type(3){text-transform:uppercase;font-size:.4em;letter-spacing:.5em;font-weight:200}nav #menu{height:100%;width:100%;gap:15em;padding:0 5em}nav .column-left{white-space:nowrap;gap:2em}nav .column-right{gap:1.5em;font-size:1.15em}nav a{color:var(--background-color);text-align:center}nav .ancor{transition:all .1s ease}nav .ancor,nav .ancor-back{fill:var(--background-color)}@media (hover: hover){nav .ancor:hover{transform:scale(1.1)}}nav .social-icon{background-color:transparent;padding:.2em;color:var(--background-color);fill:var(--background-color);width:1.2em;height:1.2em;line-height:1.2em;font-size:1.3em;transition:all .1s ease}nav svg{height:100%}@media (hover: hover){nav .social-icon:hover{transform:scale(1.2)}}#home{background-color:var(--background-color);padding:0 8em;overflow:hidden}#home h1{font-size:7.5em;line-height:1.3em;text-align:center}#home p{font-size:1.5em;text-transform:uppercase;letter-spacing:.2em;font-weight:400;padding-top:1em}#home video{height:80%;width:65%;border-radius:15px;object-fit:cover;background-color:rgba(var(--color-dark-pink-rgb),.2)}#home a.button{right:8%;bottom:8%}#portfolio-hiperlink{background-color:var(--background-color);padding:3em;gap:.5em}#portfolio-hiperlink picture,#portfolio-hiperlink img{border-radius:inherit}#portfolio-hiperlink img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;object-position:center}#portfolio-hiperlink .project:nth-of-type(1){border-radius:15px 0 0}#portfolio-hiperlink .project:nth-of-type(2){border-radius:0 15px 0 0}#portfolio-hiperlink .project:nth-last-of-type(2){border-radius:0 0 0 15px}#portfolio-hiperlink .project:nth-last-of-type(1){border-radius:0 0 15px}#portfolio-hiperlink .project:nth-child(3) img{object-position:left}#portfolio-hiperlink h3{color:var(--color-pink);font-size:2.5em;letter-spacing:.05em}#portfolio-hiperlink p{color:var(--background-color);border-top:.15em solid;margin-top:.5em;padding-top:.5em;text-transform:uppercase;font-size:1em;width:100%}#portfolio-hiperlink h3,#portfolio-hiperlink p{line-height:1.2}#portfolio-hiperlink .project{position:relative;width:100%;height:25em;cursor:pointer}#portfolio-hiperlink .project,#aboutme .profile-photo{background-color:rgba(var(--color-dark-pink-rgb),.2)}#portfolio-hiperlink .project .details{position:absolute;top:0;left:0;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease;height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:start;background-color:rgba(var(--colorrgb-black-olive),.7);padding:1em;box-sizing:border-box;border-radius:inherit}@media (hover: hover){#portfolio-hiperlink .project:hover .details,#portfolio-hiperlink .project:focus-within .details{opacity:1;visibility:visible}}#portfolio-highlight{background-color:var(--color-pineapple);padding-top:8em;padding-bottom:8em;gap:3em;height:100vh}#portfolio-highlight .project-line{gap:4em}#portfolio-highlight #second-project-highlight{border-radius:10em}#portfolio-highlight #seventh-project-highlight{border-radius:2em}#portfolio-highlight #third-project-highlight,#portfolio-highlight #fourth-project-highlight,#portfolio-highlight #fifth-project-highlight,#portfolio-highlight #sixth-project-highlight,#portfolio-highlight #seventh-project-highlight{aspect-ratio:1}#portfolio-highlight .project{height:40%;width:25%;position:relative;cursor:pointer;transition:all .5s ease}@media (hover: hover){#portfolio-highlight .project:hover,#portfolio-highlight .project:focus-within{transform:scale(1.5);z-index:10;box-shadow:0 0 5em rgb(var(--colorrgb-black-olive))}}#portfolio-highlight #first-project-highlight,#portfolio-highlight #eighth-project-highlight{width:18%;flex-grow:1}#portfolio-highlight #third-project-highlight,#portfolio-highlight #fourth-project-highlight,#portfolio-highlight #sixth-project-highlight,#portfolio-highlight #seventh-project-highlight,#portfolio-highlight #fifth-project-highlight{width:auto}#portfolio-highlight img{position:absolute;height:100%;width:100%;object-fit:cover;object-position:center;border-radius:inherit}#aboutme{background-color:var(--background-color);padding:5em;color:var(--color-dark-pink)}#aboutme h1{font-size:4em;margin-bottom:1em;line-height:1.3em}#aboutme p{font-size:1.4em;line-height:1.5em}#aboutme .column-right{flex:.7}#aboutme .img-container{height:100%;width:70%}#aboutme .profile-photo{width:100%;height:100%;min-height:100%;object-fit:cover;object-position:center;border-radius:50em}#aboutme i{position:absolute;left:-14%;bottom:25%;font-size:6em;transform:rotate(-30deg);color:var(--color-orange-yellow)}#aboutme i img{height:inherit}#contactme{background-color:var(--background-color);padding:6em 5em;gap:1.5em}#contactme h1{flex:.6;font-size:4em;line-height:1.3em;color:var(--color-dark-green)}#contactme form{gap:1.5em}#contactme h2{color:var(--color-dark-green);font-size:1.5em;margin-bottom:1em;font-family:var(--content-font);font-weight:400;text-align:center}#contactme input,#contactme textarea{width:100%;font-size:1.2em;padding:1em;background-color:var(--background-color);color:var(--color-raspberry);transition:all .1s ease;border:3px var(--color-light-blue) solid}#contactme input{border-radius:100px}#contactme textarea{border-radius:30px}#contactme input::placeholder,#contactme textarea::placeholder{color:var(--color-raspberry);opacity:.6;text-transform:uppercase}#contactme input:focus,#contactme textarea:focus{border:4px var(--color-light-blue) solid;background-color:rgba(var(--color-orange-yellow-rgb),.4);font-weight:400}#contactme textarea{resize:none;line-height:1.3em}#contactme input.valid:not(:focus),#contactme textarea.valid:not(:focus){background-color:var(--background-color);font-weight:500}#contactme .error-message{font-weight:500;color:var(--color-raspberry);padding-top:.5em;font-size:0;opacity:0;visibility:hidden;transition:.1s ease}#contactme input.invalid,#contactme textarea.invalid{background-color:var(--color-raspberry);color:var(--color-banana);font-weight:400}#contactme input.invalid+.error-message,#contactme textarea.invalid+.error-message{font-size:1em;opacity:1;visibility:visible;padding-left:2em}@media (hover: hover){#contactme input:hover:not(:focus),#contactme input.valid:hover:not(:focus),#contactme textarea:hover:not(:focus),#contactme textarea.valid:hover:not(:focus){background-color:var(--color-orange-yellow);font-weight:bolder;color:var(--color-raspberry)}}footer{padding:3em;color:var(--color-raspberry);background-color:var(--color-pink)}footer h3{font-family:var(--content-font)!important;color:var(--background-color);font-size:3.5em}footer h3 span:nth-of-type(2){font-weight:800;letter-spacing:-.01em;margin-top:-.3em}footer h3 span:nth-of-type(3){text-transform:uppercase;font-size:.4em;letter-spacing:.5em;font-weight:200}footer .right-column{gap:2em}footer a{color:var(--background-color);fill:var(--background-color);border-radius:100%;width:1.2em;height:1.2em;line-height:1.2em;font-size:1.5em;text-align:center;transition:all .2s ease}footer a svg{height:100%}@media (hover: hover){footer a:hover{transform:scale(1.2)}}#back-top{width:4em;height:4em;right:calc(50% - 2em);bottom:1%;background-color:var(--color-light-blue);color:var(--background-color);fill:var(--background-color);transform:translateY(-110vh);transition:all .5s ease}#back-top svg{height:65%}#back-top.show{transform:translateY(0);opacity:.7}@media (hover: hover){#back-top:hover,#back-top:focus{opacity:1;box-shadow:0 0 1em rgba(var(--colorrgb-black-olive),.7)}}.popup-container{top:0;left:0;background-color:rgba(var(--colorrgb-black-olive),.5);opacity:0;visibility:hidden;transition:all .5s ease}.popup-container.show{opacity:1;visibility:visible}.popup-container .popup{width:35em;background-color:var(--color-dark-green);padding:1.5em;border-radius:15px}.popup-container.fail .popup{background:var(--color-dark-pink)}.popup-container .button.close{padding:0}.popup-container .button.close{width:1em;height:1em;background-color:transparent;color:var(--color-pineapple);fill:var(--color-pineapple);font-size:1.5em}.popup-container .button.close:hover{transform:none;box-shadow:none;outline:none}.popup-container p{color:var(--color-pineapple);font-size:1.3em;line-height:1.5em;margin-bottom:1.5em}.popup-container.fail p:nth-child(1){display:none}.popup-container.fail p:nth-child(2){display:block}.popup-container.fail p:nth-child(2) a{color:var(--color-orange-yellow);text-decoration:underline}.popup-container.fail .button.confirm span:nth-child(1){display:none}.popup-container.fail .button.confirm span:nth-child(2){display:block}.popup-container.fail .button.confirm{background-color:var(--color-orange-yellow)}@media (hover: none){#portfolio-hiperlink .project .details{opacity:1;visibility:visible;background:linear-gradient(to top,rgba(var(--color-dark-pink-rgb),.5) 10%,transparent 60%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin 2s linear infinite}form button#send{gap:.5em}form button#send .spinner{display:none;fill:var(--background-color);height:1em}form.loading button#send .spinner{display:block}:root{--highlight-font: "Chewy", serif;--content-font: "Montserrat", sans-serif;--color-pink: #ff9abd;--colorrgb-black-olive: 27, 19, 35;--color-plum: #411B3A;--color-black-grape: #16173B;--color-blackberry: #732F48;--color-raspberry: #CF588A;--color-papaya: #F68C6F;--color-peach: #F6BD72;--color-banana: #F4D877;--background-color: #fffbef;--background-color-rgb: 255, 251, 239;--color-pineapple: #F7ECC9;--color-dark-green: #33591b;--color-light-blue: #33cad6;--color-dark-pink: #ab1967;--color-dark-pink-rgb: 171, 25, 103;--color-orange-yellow: #f6bd72;--color-orange-yellow-rgb: 246, 189, 114}:focus-visible{outline:2px solit var(--color-light-blue)}.color-pink{color:var(--color-pink)}.color-plum{color:var(--color-plum)}.color-black-grape{color:var(--color-black-grape)}.color-blackberry{color:var(--color-blackberry)}.color-raspberry{color:var(--color-raspberry)}.color-papaya{color:var(--color-papaya)}.color-peach{color:var(--color-peach)}.color-banana{color:var(--color-banana)}.color-green-grape{color:var(--background-color)}.color-pineapple{color:var(--color-pineapple)}.color-dark-green{color:var(--color-dark-green)}.color-light-blue{color:var(--color-light-blue)}.color-dark-pink{color:var(--color-dark-pink)}.color-orange-yellow{color:var(--color-orange-yellow)}html body{font-family:var(--content-font);color:var(--color-plum)}html body h1,html body h2,html body h3{font-family:var(--highlight-font)}img{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flex{display:flex}.flex-1{flex:1}.flex-1-fixed{flex:1;min-width:0}.flex-2{flex:2}.flex-3{flex:3}.flex-wrap{flex-wrap:wrap}.order-1{order:1}.order-2{order:2}.order-3{order:3}.gap-1{gap:1em}.gap-2{gap:2em}.gap-3{gap:3em}.ai-start{align-items:flex-start}.ai-center{align-items:center}.ac-center{align-content:center}.as-center{align-self:center}.as-end{align-self:flex-end}.jc-center{justify-content:center}.jc-end{justify-content:flex-end}.jc-sb{justify-content:space-between}.jc-sa{justify-content:space-around}.ji-center{justify-items:center}.fd-column{flex-direction:column}.fd-row{flex-direction:row}.grid{display:grid}.rows-1{grid-template-rows:repeat(1,1fr)}.rows-2{grid-template-rows:repeat(2,1fr)}.rows-3{grid-template-rows:repeat(3,1fr)}.columns-1{grid-template-columns:repeat(1,1fr)}.columns-2{grid-template-columns:repeat(2,1fr)}.columns-3{grid-template-columns:repeat(3,1fr)}.grid-2-columns{grid-column:span 2}.border-box{box-sizing:border-box}.pos-relative{position:relative}.pos-absolute{position:absolute}.pos-fixed{position:fixed}input,textarea{box-sizing:border-box}.h-100vh{height:100dvh}.w-100vw{width:100dvw}.uppercase{text-transform:uppercase}.bolder{font-weight:bolder}.text-center{text-align:center}.border-circle{border-radius:100%}.none{display:none}.zi-0{z-index:0}.zi-1{z-index:1}.zi-2{z-index:2}.zi-3{z-index:3}.zi-4{z-index:4}.zi-5{z-index:5}.zi-6{z-index:6}.zi-7{z-index:7}.zi-8{z-index:8}.zi-9{z-index:9}.overflow-hidden{overflow:hidden}.button{background-color:var(--color-light-blue);cursor:pointer;border-radius:10em;font-size:1.15em;color:var(--background-color);width:10em;text-align:center;box-sizing:border-box;padding:1.2em 1.5em;transition:all .2s;font-weight:500}@media (hover: hover){.button:hover{transform:translate(-2%,-2%);box-shadow:.2em .2em .15em rgba(var(--colorrgb-black-olive),.5);outline:none}}.button:active{transform:translate(0);box-shadow:none}@media only screen and (max-width: 1036px) and (orientation: portrait){#desktop-pfp-container h1{display:none}nav .column-right{font-size:1.2em}nav .social-icon{font-size:1.4em}#home video{width:80%}#portfolio-hiperlink{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);padding:4em}#portfolio-highlight{padding:4em 0;gap:2em}#portfolio-highlight .project{height:calc(25% - 1.5em)}#portfolio-hiperlink .project{grid-column:span 1}#portfolio-highlight #first-project-highlight{width:calc(50% - 1em);flex-grow:0}#portfolio-highlight #second-project-highlight{width:calc(50% - 1em);border-radius:10em 0 0 10em}#portfolio-highlight #third-project-highlight{border-radius:0 100% 100% 0}#portfolio-highlight #fourth-project-highlight,#portfolio-highlight #fifth-project-highlight{flex-grow:1}#portfolio-highlight #sixth-project-highlight{width:100%;border-radius:0}#portfolio-highlight #seventh-project-highlight{flex:1;border-radius:0 10em 10em 0}#portfolio-highlight #eighth-project-highlight{aspect-ratio:1;width:auto;flex-grow:0;border-radius:100%}#aboutme{padding:4em;gap:4em}#aboutme .column-right{flex:1}#aboutme .column-right .img-container{width:100%}#aboutme p{font-size:1.5em}.popup-container p{font-size:2em}.popup-container .button.close{font-size:2.5em}#contactme{flex-direction:column}#contact-me-form{width:70%}#contactme h1{display:flex;align-items:center}#contactme input,#contactme textarea{font-size:1.5em}footer p{font-size:1.2em}footer a{font-size:2em}}@media only screen and (max-width: 1368px) and (orientation: landscape){nav .ancor{font-size:1.5em}nav .column-right{gap:2em}nav .social-icon{width:1.1em;height:1.1em;line-height:1.3em;font-size:1.8em}#portfolio-highlight{padding:3em 0;gap:2em}#portfolio-highlight .project{height:calc(100% / 3 - 1.4em);width:35%}#portfolio-highlight #third-project-highlight{border-radius:100% 0 0 100%}#portfolio-highlight #fifth-project-highlight{flex-grow:1;border-radius:10em}#portfolio-highlight #seventh-project-highlight{aspect-ratio:2 / 1;flex-grow:1;border-radius:0 2em 2em 0;width:auto}#portfolio-highlight #eighth-project-highlight{aspect-ratio:2 / 1;flex-grow:1;width:auto}#aboutme .column-right{flex:1.5}#contactme input,#contactme textarea{font-size:1.5em}footer p{font-size:1.3em}footer a{width:1.3em;height:1.3em;line-height:1.3em;font-size:1.8em}}@media only screen and (max-width: 1368px){nav #menu{justify-content:space-between;gap:0!important;padding:0 2em}#menu .column-left{font-size:.75em}nav .column-left a{font-size:2em}#home{padding:0 2em}#home video{width:85%}#portfolio-hiperlink .project .details{opacity:0;visibility:hidden}.button{font-size:1.3em;padding:1em 1.5em}}@media only screen and (max-width: 435px) and (orientation: portrait){nav .column-left a{text-align:start}#home{align-items:center}#home h1{font-size:2.5em;padding-left:0}#home a.button{right:inherit}nav{padding:0 2em;justify-content:space-between}nav .ancor[href="#menu"]{font-size:2em;display:flex;align-items:center;justify-content:end;height:1.8em}nav .column-left{justify-content:start}#mobile-pfp-container{display:flex}#desktop-pfp-container{display:none}nav #menu{position:fixed;height:100dvh;width:100dvw;background-color:var(--color-pink);top:0;left:0;padding:2em;box-sizing:border-box;gap:2em;font-size:1.6em;flex-wrap:wrap;justify-content:space-evenly;transform:translate(100vw);transition:all .2s ease;flex-direction:column}nav #menu .ancor{flex:0}nav #menu .column-left{flex:1;flex-direction:column;justify-content:center;gap:3em;font-size:.8em}nav #menu .column-right{flex:0;font-size:.8em;justify-content:space-between;gap:0}nav #menu:target,nav #menu:focus-within{transform:translate(0)}nav .ancor{width:100%}nav .ancor-back{display:block;font-size:1.6em}nav .social-icon{width:1.3em;height:1.3em;line-height:1.3em;font-size:1.6em}#home{background-color:rgba(var(--background-color-rgb),.5);padding:0}#home .content-container{gap:1.5em}#home .content-container h1{font-size:4.5em}#home .content-container p{font-weight:500}#home .video-container{display:block;position:absolute;height:100dvh;width:100dvw;z-index:-1}#home .video-container video{height:100%;width:100%;border-radius:0}#portfolio-hiperlink{display:flex;height:auto;flex-direction:column;padding:2em}#portfolio-hiperlink .project:nth-of-type(1){border-radius:15px 15px 0 0}#portfolio-hiperlink .project:nth-of-type(2){border-radius:0}#portfolio-hiperlink .project:nth-last-of-type(2){border-radius:0}#portfolio-hiperlink .project:nth-last-of-type(1){border-radius:0 0 15px 15px}#portfolio-hiperlink .project{height:20em}#portfolio-hiperlink .project .details{opacity:0;visibility:hidden}#contactme{flex-direction:column;height:auto;gap:2.5em;padding:2em}#contact-me-form{width:100%}#contactme h1{font-size:2.5em;align-self:center;padding:1.5em}#contactme h2{margin-bottom:0}#contactme input,#contactme textarea{font-size:.75em}#contactme .button{width:100%}#back-top{transform:translateY(-150vh);right:calc(100% - 4.5em)}.popup-container .popup{width:80%}#aboutme{padding:2em 0 2em 2em;gap:2em;height:auto}#aboutme h1{font-size:2.5em}#aboutme p{font-size:1.25em}#aboutme .column-right{flex:.5}#aboutme .img-container{width:100%}#aboutme .profile-photo{border-radius:5em 0 0 5em;object-position:45% 50%}#aboutme i img,#portfolio-highlight{display:none}footer{flex-direction:column;gap:2em;padding-bottom:6em}footer .right-column{justify-content:space-between;gap:0}footer a{width:1.3em;height:1.3em;line-height:1.3em;font-size:2em}}#everton-signature{padding:1.5em;background-color:var(--color-dark-green);text-align:end}#everton-signature h1{color:var(--color-orange-yellow);font-family:var(--content-font)}#everton-signature a{font-family:var(--highlight-font);letter-spacing:.15em;color:inherit;font-size:1.25em;border-bottom:2px solid}