.call-for-action,.hero h1,.hero p,.profile-text,.projects-header h2,footer p{text-align:center}*,::after,::before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p,ul{margin:0}html{scroll-behavior:smooth}button,input,select,textarea{font:inherit}img{vertical-align:middle}:root{--color2:rgba(249, 151, 60, 100%);--color3:rgba(243, 158, 158, 100%);--color4:rgba(220, 58, 116, 100%);--color5:rgba(97, 196, 183, 100%);--color7:rgba(36, 36, 36, 100%);--color8:rgba(122, 116, 110, 100%);--color9:rgba(250, 242, 235, 100%);--sansserif:'Poppins',sans-serif}.skip-nav-link,body,li.project h3{color:var(--color7)}@font-face{font-family:Poppins;src:url('./assets/fonts/Poppins-Light.woff2') format('woff2'),url('./assets/fonts/Poppins-Light.woff') format('woff');font-weight:300;font-display:swap}@font-face{font-family:Poppins;src:url('./assets/fonts/Poppins-Bold.woff2') format('woff2'),url('./assets/fonts/Poppins-Bold.woff') format('woff');font-weight:700;font-display:swap}h1,h2,h3,ul{padding:0}.hide{display:none}.headingL h1,.headingL h2,.headingL h3{font-size:3rem;font-weight:700;line-height:3.5rem}.headingM h2,.headingM h3,.headingM h4{font-size:1.625rem;font-weight:700}.headingS h2,.headingS h3,.headingS h4{font-size:2rem;font-weight:700}.bodyM p{font-size:1.125rem;line-height:1.75rem;font-weight:300;color:var(--color8)}body{padding:0 1rem;text-rendering:optimizeSpeed;text-align:left;font-family:var(--sansserif);background:var(--color9)}.main-container{max-width:21.563rem;display:grid;justify-items:center;margin:0 auto;position:relative;padding:0}.skip-nav-link{border:2px solid #fff;outline:0;background:rgba(255,255,255,.6);text-decoration:none;padding:8px 20px 8px 40px;border-radius:40px;position:absolute;left:-1000px;top:80px;transition:3s}.skip-nav-link:focus{left:-20px;transition:1s}footer,header{max-width:100%;justify-self:stretch;align-self:stretch}header{margin-top:2.125rem;display:grid;grid-template-columns:auto auto;align-items:end}#logo-svg{width:13rem;height:auto}#o-letter{fill:var(--color9)}.social-links ul{list-style-type:none;display:flex;justify-content:flex-end;align-items:flex-end;gap:1rem;padding-right:0}.about-me,.profile-text,main,ul.projects-list{display:grid}.social-links svg{fill:var(--color7);transition:fill .1s;vertical-align:bottom}.social-links a:hover svg{fill:var(--color2)}.hero{margin-top:4.125rem}.hero p{margin-top:1.438rem}.skills{margin:4rem auto 0;max-width:84.125rem;height:auto}.skills svg{width:100%;height:auto}.btn-black,.btn-orange{border-radius:1.75rem;padding:.5rem 1.75rem;color:var(--color9);font-size:.875rem;line-height:1.75;font-weight:700;text-decoration:none;transition:background .5s;cursor:pointer;width:max-content;justify-self:end}.btn-black{background:var(--color7)}.btn-black:focus,.btn-black:hover{background:var(--color5)}.btn-orange{background:var(--color4)}.btn-orange:focus,.btn-orange:hover{background:var(--color2)}main{margin-top:3rem}.profile-text{height:min-content;align-self:center;gap:2.125rem;align-items:center}.profile-text h2{line-height:normal}.profile-photo{width:18.75rem;height:auto;border-radius:25rem;overflow:hidden;margin-top:3rem}.profile-photo img,li.project img{max-width:100%;height:auto}main .btn-orange{justify-self:center}.call-for-action{background:var(--color7);padding:4.063rem;border-radius:.625rem;display:grid;justify-content:center;justify-items:center;margin-top:2rem}.call-for-action-text p{margin-top:1rem}.call-for-action-text h2,.call-for-action-text p{color:var(--color9)}.call-for-action .btn-orange{justify-self:center;margin-top:3rem}footer{margin-top:3.6rem;padding-bottom:2rem}@media screen and (min-width:40rem) and (max-width:60rem){.headingM h2,.headingM h3,.headingM h4{font-size:2rem;line-height:normal}.main-container{max-width:43.125rem;padding:0 1rem}main{margin-top:7.5rem}.about-me{grid-template-columns:47.15% 43.91%;justify-content:space-between}}@keyframes fade-in-bottom{0%{transform:translateY(50px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes slide-in-left{0%{transform:translateX(-100px);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes slide-in-right{0%{transform:translateX(100px);opacity:0}100%{transform:translateX(0);opacity:1}}.js-scroll{transition:opacity .5s}.js-scroll.scrolled{opacity:1}.scrolled:nth-of-type(odd){animation:1s ease-in-out both slide-in-left}.scrolled:nth-of-type(2n){animation:1s ease-in-out both slide-in-right}@media (prefers-reduced-motion){.js-scroll{opacity:1!important}.scrolled{animation:none!important}}.projects{margin:2.5rem 0 2rem;max-width:100%}ul.projects-list{gap:1.6rem;margin-top:1rem;list-style-type:none}li.project{box-shadow:0 -1rem 1rem 0 rgba(181,136,106,.05)}li.project h3{font-size:1.2rem;font-weight:700;margin-top:1rem;text-transform:uppercase}ul.used-laguages{color:var(--color4);font-size:.85rem;font-weight:300;list-style-type:none;display:flex;gap:.45rem}.project-links ul{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;list-style-type:none}.project-description{width:100%}.project-description p.project-description-text{font-size:1rem;font-weight:300;text-transform:none}.project-links a{color:var(--color8);font-weight:300;font-size:.9rem;text-decoration:none;border:none;border-bottom:1px solid var(--color4);padding:0 0 .2rem;display:block;cursor:pointer;transition:color .5s}.project-links a:focus-visible,.project-links a:hover{color:var(--color4)}@media screen and (min-width:40rem){.headingL h1{font-size:3.5rem;line-height:5.5rem}.btn-black,.btn-orange{border-radius:1.75rem;padding:.875rem 2.813rem;font-size:1rem}.hero p{padding:0 1.5rem}.profile-photo{justify-self:end;margin-top:0;width:19rem}.profile-text .btn-orange{text-align:left;justify-self:start}.profile-text,footer p{text-align:left}.profile-text h2{line-height:normal}.projects{margin:3rem 0;border:none;width:100%}.projects-header{margin-top:0}ul.projects-list{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem}li.project{box-shadow:.4rem -.7rem 1rem 0 rgba(181,136,106,.1)}li.project h3{font-size:1.2rem;font-weight:700;text-transform:uppercase}.project-links ul{justify-content:flex-start}ul.used-laguages{color:var(--color4);list-style-type:none;display:flex}}@media screen and (min-width:60rem){.headingM h2,.headingM h3,.headingM h4{font-size:2.5rem;line-height:4.375rem}.main-container{max-width:69.375rem}.hero{max-width:47rem;margin-top:6rem}.profile-photo{width:25rem}.about-me{grid-template-columns:1.5fr 1fr;justify-content:space-between}.profile-text h2{line-height:normal}.call-for-action{width:100%;display:grid;grid-template-columns:56% auto;padding-bottom:4.75rem;text-align:left;justify-content:space-between;justify-items:center}.call-for-action-text h2,.call-for-action-text p{color:var(--color9)}.call-for-action-text h2{margin-top:.5rem}.call-for-action .btn-orange{justify-self:end;align-self:center;margin-right:1.875rem;margin-top:1rem}.mask,li.project{position:relative}.mask{width:100%;height:calc(100% - 5.1rem);overflow:hidden}.mask img{height:100%;width:100%;transform-origin:left;object-fit:cover}ul.projects-list{gap:5rem;margin-top:4.062rem}li.project .used-laguages,li.project p{position:relative;z-index:3}li.project:focus .project-links,li.project:hover .project-links{height:calc(100% - 5.1rem);opacity:1}.project-links{margin-top:0;background:rgba(0,0,0,.7);position:absolute;top:0;left:0;width:100%;z-index:1;height:1px;opacity:0;transition:.5s ease-out}.project-links ul{display:grid;justify-content:start;gap:2rem;margin:14% auto;align-content:center;justify-content:center;justify-items:center}.project-description{background:rgba(0,0,0,.9);padding:1rem 3rem}.project-description p.project-description-text{color:#fff;font-size:1rem;font-weight:300;text-transform:none;margin:0}.project-links a{color:#fff;font-weight:300;text-transform:uppercase}}@media screen and (prefers-reduced-motion:no-preference){.skill,.skill-title,.social-icon-1,.social-icon-2{transition:.7s}#OrtalyARTS,#o-letter,#rectangle-fucsia,#rectangle-orange,#rectangle-turquoise,#triangle{transition:.5s;transform-origin:center}#logo-svg:hover #rectangle-fucsia{transform:translateX(-25%)}#logo-svg:hover #rectangle-orange{transform:translateX(70%) scale(.8)}#logo-svg:hover #rectangle-turquoise{transform:translateX(70%) scaleY(.5)}#logo-svg:hover #triangle{transform:translateY(-10%) translateX(-80%);rotate:2 1 0 60deg}#logo-svg:hover #OrtalyARTS{transform:translateX(-15%) scale(110%)}#logo-svg:hover #o-letter{fill:var(--color4)}.social-icon-2{transform:translateY(-120%)}.social-links svg:hover .social-icon-2{transform:translateY(0)}.social-links svg:hover .social-icon-1{transform:translateY(120%)}.skill{transform-origin:center}.skill:active,.skill:hover{transform:scale(110%);z-index:10}.skill-title{opacity:0}.skill:active .skill-title,.skill:hover .skill-title{opacity:1}#html-group:active,#html-group:hover{transform:translateX(2rem) translateY(-1rem)}#css-group:active,#css-group:hover{transform:translateY(-1rem) translateX(-1rem)}#js-group:active,#js-group:hover{transform:translateY(1rem) translateX(-1rem)}#illustrator-group:active,#illustrator-group:hover{transform:translateX(-2rem)}}