footer{background-color:#242424;margin-top:8.75rem;padding-top:5.3125rem;position:relative}footer .container .top{display:flex;justify-content:space-between;padding-bottom:5.625rem}footer .container .top>div{width:max-content}footer .container .top span p{max-width:27.8125rem;font-size:1.125rem}footer .container .top input,footer .container .top textarea{height:2.5rem;margin-bottom:2rem;color:#d9d9d9;width:27.8125rem}footer .container .top textarea{height:6.25rem;margin-bottom:2rem}footer .container .top .submit-btn{display:flex;justify-content:flex-end;margin-top:15px}footer .ringPattern__footer{position:absolute;bottom:13.125rem}footer .ringPattern__footer--container{position:relative;left:-15rem}@media screen and (max-width:821px){footer{margin-top:6.25rem;padding-top:3.75rem}footer .container .top{flex-direction:column;align-items:center;gap:1.875rem}footer .right{text-align:center}footer .bottom{padding:1.875rem 0 2.5rem}footer .ringPattern__footer{position:absolute;bottom:12.5rem}footer .ringPattern__footer--container{left:-25rem}}@media screen and (max-width:640px){footer{margin-top:5rem}footer .container .top input,footer .container .top textarea,footer .container .top>div{width:100%}footer .bottom{flex-direction:column;align-items:center;gap:1rem;padding-bottom:3.75rem}footer .ringPattern__footer{position:absolute;bottom:18.75rem;width:300px}footer .ringPattern__footer--container{left:-18.75rem}}.links{display:flex;justify-content:space-between;width:100%;padding:2.8125rem 0 5.625rem;border-top:.0625rem solid #fff}.links h3{font-size:2rem;font-weight:700}.links--socials{display:flex;gap:1.25rem;align-items:center}@media screen and (max-width:640px){.links{flex-direction:column;align-items:center;gap:1.25rem}}.btn--greenBar{display:inline-block}.btn--greenBar a,.btn--greenBar button{padding-bottom:.625rem;border:none;border-bottom:.125rem solid #4ee1a0;font-size:1rem;font-weight:700;color:#fff;background-color:transparent;cursor:pointer}.btn--greenBar a:active,.btn--greenBar a:hover,.btn--greenBar button:active,.btn--greenBar button:hover{color:#4ee1a0}#contact-form{position:relative;z-index:9}#contact-form label{display:none}#contact-form:has(.error-message)>div:not(:has(.error-message)) input,#contact-form:has(.error-message)>div:not(:has(.error-message)) textarea{border-color:#4ee1a0}#contact-form>div{position:relative}#contact-form>div:has(.error-message) input,#contact-form>div:has(.error-message) textarea{border-color:#ff6f5b}#contact-form input,#contact-form textarea{background-color:transparent;border:none;border-bottom:.0625rem solid #fff}#contact-form input:focus-visible,#contact-form textarea:focus-visible{outline:none}#contact-form input:-internal-autofill-selected,#contact-form textarea:-internal-autofill-selected{background-color:transparent!important}.errorIcon{width:24px;height:24px;border:1px solid #ff6f5b;border-radius:999px;position:absolute;top:6px;right:0}.errorIcon__circle{display:flex;flex-direction:column;gap:2px;justify-content:center;align-items:center;height:100%}.errorIcon__circle--bar{width:2px;height:9px;background-color:#ff6f5b}.errorIcon__circle--dot{background-color:#ff6f5b;width:2px;height:2px}.error-message{font-size:12px;color:#ff6f5b;display:flex;justify-content:flex-end;position:absolute;bottom:10px;right:0}#hero{height:60vh;padding-top:8.125rem;display:inline}#hero .container{position:relative}#hero .profile-picture{position:absolute;top:-13.125rem;right:0;overflow:visible;filter:grayscale(.8)}#hero .profile-picture img{object-fit:contain}#hero .cv-btn{margin-top:2rem}#hero .cv-btn+a{margin-top:4rem;display:inline-block}#hero .content{max-width:44.3125rem}#hero .content,#hero h1{position:relative;z-index:1}#hero h1{padding-bottom:1.875rem;letter-spacing:-.1563rem}#hero .author--name{position:relative;-webkit-text-stroke:.125rem #000}#hero .author--name:after{content:"";position:absolute;display:inline-block;width:100%;height:.3125rem;background-color:#4ee1a0;bottom:.375rem;left:0}#hero .description{max-width:27.8125rem;padding-bottom:4.0625rem}#hero .ringPattern__hero{position:absolute;bottom:9.6875rem;left:0}#hero .ringPattern__hero--container{position:relative;left:-5.4375rem;top:0}#hero .circlePattern__hero{position:absolute;left:0;bottom:6rem}#hero .circlePattern__hero svg{left:-50%;position:relative}@media screen and (max-width:821px){#hero .content{max-width:27.8125rem;position:relative;top:-3.125rem}#hero h1{font-size:4.5rem}#hero .author--name{-webkit-text-stroke:unset}#hero img{max-width:20.75rem;height:auto}#hero .ringPattern--hero--container{position:relative;left:-17.4375rem}#hero .circlePattern__hero{bottom:2.875rem;overflow:hidden;right:0}#hero .circlePattern__hero--container{position:relative;right:-4.0625rem}}@media screen and (max-width:640px){#hero{padding:0;text-align:center;height:70vh}#hero .container{display:flex;flex-direction:column-reverse;align-items:center;padding:8rem .625rem .625rem}#hero .content{max-width:21.4375rem}#hero h1{font-size:2.5rem}#hero .description{font-size:1rem;padding-bottom:2rem}#hero .profile-picture{z-index:1;position:static}#hero .author--name{-webkit-text-stroke:unset}#hero .ringPattern__hero{position:absolute;width:300px!important;top:6.6875rem}#hero .ringPattern__hero--container{left:-20.4375rem}#hero .circlePattern__hero{top:9.375rem}#hero .circlePattern__hero--container{right:-4.0625rem}#hero img{max-width:10.875rem;height:auto;position:relative!important;top:-6.25rem!important}}#project-component .project-title{display:flex;justify-content:space-between;margin-bottom:5rem;align-items:center}@media screen and (max-width:821px){#project-component .project-title{margin-bottom:3.75rem}}@media screen and (max-width:640px){#project-component .project-title{margin-bottom:2.5rem}}#project-component .project-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.875rem;gap:1.875rem;grid-row-gap:4.375rem;row-gap:4.375rem}#project-component .project-grid img{height:auto;width:100%;object-fit:contain}#project-component .project-grid .description--name{font-weight:600;margin-top:1.25rem;font-size:1.5rem;display:block}#project-component .project-grid .description--tags li{padding-right:1.125rem;display:inline-block;font-weight:400;font-size:1.125rem;margin-top:.5rem}#project-component .project-grid .img-container{position:relative}#project-component .project-grid .img-container:hover .buttons-hover{display:flex;justify-content:center;align-items:center}#project-component .project-grid .buttons-hover{display:none;gap:2rem;position:absolute;z-index:1;background-color:rgba(0,0,0,.6);width:100%;height:100%;top:0;left:0;margin:0}@media screen and (max-width:821px){#project-component .project-grid .img-container:hover .buttons-hover{display:none}#project-component .project-grid .buttons{display:flex;gap:2rem;margin-top:1.25rem}}@media screen and (max-width:640px){#project-component .project-grid{grid-template-columns:1fr;gap:3.75rem}#project-component .project-grid .img-container:hover .buttons-hover{display:none}}#skill-component{padding:6.5625rem 0 4.375rem;position:relative}#skill-component ul{display:grid;grid-template-columns:repeat(3,1fr);grid-row-gap:3.75rem;row-gap:3.75rem;padding-top:4.375rem;border-top:.0625rem solid #fff}@media screen and (max-width:640px){#skill-component ul{grid-template-columns:repeat(1,1fr);border-bottom:.0625rem solid #fff;row-gap:1.5rem;padding:2.5rem 0}#skill-component ul li{text-align:center}#skill-component ul li .skill--title{font-size:2rem}#skill-component ul li .skill--experience{font-size:1rem}}#skill-component .ringPattern__skill{position:absolute;bottom:0;right:0;overflow:hidden}#skill-component .ringPattern__skill--container{position:relative;right:-11.5625rem}@media screen and (max-width:821px){#skill-component{padding-top:0}#skill-component .ringPattern__skill{position:absolute;bottom:0}#skill-component .ringPattern__skill--container{position:relative;right:-21.875rem}#skill-component ul{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:640px){#skill-component ul{grid-template-columns:repeat(1,1fr)}}#skill-component .skill--title{font-size:3rem;font-weight:700}#skill-component .skill--experience{font-size:1.125rem}#skill-component span{display:block}