:root{--black: hsl(0, 0%, 8%);--dark-grey: hsl(240, 0%, 47%);--accent: hsl(153, 71%, 59%);--text-1: hsl(0, 0%, 100%);--text-2: hsl(0, 0%, 75%);--invalid: hsl(7, 100%, 68%);--fontsize-18: 1.125rem;--fontsize-24: 1.5rem;--fontsize-32: 2rem;--fontsize-40: 2.5rem;--fontsize-72: 4.5rem;--fontsize-88: 5.5rem;--container: 69.375rem;--transition: 250ms ease-in-out}html{box-sizing:border-box;font-size:100%;scroll-behavior:smooth}html,body{overflow-x:hidden}*,*:before,*:after{box-sizing:inherit}::-moz-selection{background:var(--accent)}::selection{background:var(--accent)}body{font-family:"Space Grotesk",sans-serif;margin:0;background:var(--black);color:var(--text-1);font-size:var(--fontsize-body);line-height:1.55}h1,h2,h3{margin-top:0;line-height:1}p{line-height:1.3;font-size:.875rem;font-size:clamp(0.875rem, 0.792rem + 0.89vw, 1.35rem)}img,svg{display:block}h1{line-height:1.1;font-size:2rem;font-size:clamp(2rem, 0.375rem + 8.125vw, 5.25rem);margin:24px 0 0 0;color:var(--dark-grey)}h2{font-size:1.5rem;font-size:cunquote("lamp(1.5rem, 0.7rem + 7.68vw, 3rem)");margin:2.75rem 0 32px;color:var(--text-1)}a{text-decoration:none}a:hover,button:hover{color:var(--accent);cursor:pointer}@media screen and (min-width: 37.5rem){.wrapper{width:calc(100% - 3.75rem)}footer{padding-block:24px 40px !important}.hero__rings{display:unset}.hero__explore{margin-top:32px}.projects .projects__grid{gap:56px 24px}.projects__item{grid-column:span 1 !important}.projects__headline,.projects__contact{grid-column:span 1}.projects__tag,.projects__link{display:block}.projects__tag{margin:0px}.projects__link a{margin-right:32px}}@media(min-width: 62.5em){.contact__wrapper{display:grid;grid-template-columns:repeat(2, 27.8rem);justify-content:space-between}.contact__headline{-webkit-margin-after:var(--fontsize-32);margin-block-end:var(--fontsize-32)}.contact__rings{translate:-40%}.skills__wrapper::before{height:45vh !important}footer{padding-block:36px 32px !important}}@media screen and (min-width: 67.5rem){.projects__wrapper{margin-bottom:24px}.projects__grid{gap:72px 32px}.projects__image{width:100%;height:auto}.projects__item{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, auto)}.projects__picture{position:relative;grid-row:2/3;grid-column:1/2}.projects__link{grid-row:2/3;grid-column:1/2;justify-self:center;align-self:center;z-index:1;opacity:0;transition:opacity 400ms ease-in-out}.projects__picture::after{content:"";position:absolute;width:100%;height:100%;top:0;background-color:#000;opacity:0;transition:opacity 150ms ease-in-out}.projects__item:hover .projects__picture::after{opacity:.5}.projects__item:hover .projects__link{opacity:1}.projects__item:focus-within .projects__link{opacity:1}.projects__item:focus-within .projects__picture::after{opacity:.65}.projects__link:hover~.projects__picture::after{opacity:.65}.projects__tags{-webkit-margin-after:0;margin-block-end:0}}@media screen and (max-width: 41.25rem){.skills__wrapper::before{content:unset !important}.skills__wrapper{margin:0 auto;display:flex;justify-content:space-around;flex-wrap:wrap}.skills__item{margin:8px !important;width:100px !important;height:115.47px !important}.skills__container{border-radius:8px !important;-webkit-clip-path:unset !important;clip-path:unset !important;justify-content:center;align-items:center}.skills__rings{bottom:32;left:50%;bottom:0;translate:0 50%}}@media(max-width: 62.5em){.contact__wrapper{max-width:27.8rem}.contact__text{text-align:center}}@media screen and (max-width: 37.5rem){.header__home{flex:1 0 100%}.hero__headline--1{margin-bottom:.5rem;display:inline-block}.hero__headline--2{background-image:unset}.hero__wrapper{height:unset;padding-bottom:2.75rem}.hero__headline--role{margin:1rem 0 2rem}}.noselect{-webkit-user-select:none;-moz-user-select:none;user-select:none}.bottom-border{border-bottom:1px solid var(--text-2)}.link{font-size:.8rem;font-size:clamp(0.8rem, 0.657rem + 0.714vw, 1rem);line-height:1.625;font-weight:700;letter-spacing:2.29px;text-transform:uppercase;color:var(--text-1);transition:all var(--transition)}.wrapper{width:calc(100% - 2rem);max-width:var(--container);margin-inline:auto}.visuallyHidden{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}@media only screen and (min-width: 37.5rem){.wrapper{padding-inline:1rem}}footer{padding-block:24px 64px;background:#222020}.copyright{text-align:center;font-size:.6rem;letter-spacing:1.1px;font-size:clamp(0.6rem, 0.792rem + 0.89vw, 0.8rem)}.header{margin-top:32px}.header__nav{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;text-align:center;gap:16px 32px}.header__home{font-size:1.2rem;font-size:clamp(1.2rem, 1.02rem + 2.03vw, 1.5rem);font-weight:700;line-height:1.2;color:var(--text-1);margin-right:auto}.header__socials{display:inline-block;transition:color var(--transition)}.header__socials>svg>path{transition:fill var(--transition)}.header__socials:hover>svg>path{fill:var(--accent)}.header__socials:focus,.header__socials:active{outline:2px solid var(--accent);padding:4px}.hero__headline{color:#839189}.hero__headline--1{font-size:1.25rem;font-size:clamp(1.25rem, -0.625rem + 6.875000000000001vw, 3.5rem)}.hero__headline--2{background-image:linear-gradient(to right, var(--accent) 75%, var(--accent) 75%);background-position:0 100%;background-repeat:repeat-x;background-size:100% 6.75px;color:var(--text-1)}.hero__headline--role{font-size:1.75rem;font-size:clamp(1.75rem, -0.625rem + 6.875000000000001vw, 3.5rem);margin:1rem 0 2rem}.hero__wrapper{height:85vh;display:flex;justify-content:center;align-items:center;margin-bottom:2.75rem}.hero__rings{display:none;position:absolute;top:0px;right:50%;transform:translate(-50%, -20%)}.hero__text{position:relative}.hero__descriptn{color:#839189}.hero__descriptn--span{color:var(--text-1)}.hero__explore{border-bottom:2px solid var(--accent);padding-bottom:4px;margin-top:24px;display:inline-flex;align-items:center}.skills.wrapper{margin-bottom:2.75rem;padding-bottom:4.75rem;position:relative;padding-inline:unset !important}.skills__wrapper{margin:0 3rem}.skills__wrapper::before{content:"";width:78px;float:left;height:32vh;shape-outside:repeating-linear-gradient(rgba(0, 0, 0, 0) 0 267.8px, #000 0 270.8px)}.skills__container{display:flex;flex-direction:column;-webkit-box-align:center;flex-shrink:0;align-items:center;justify-content:center;-webkit-box-pack:center;overflow:hidden;background:var(--dark-grey);text-align:center;height:100%;padding:.7rem;-webkit-clip-path:polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);clip-path:polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%)}.skills__item{width:150px;margin:4px 4px -40.275px;height:173.205px;display:inline-block;font-size:initial;margin-bottom:-40.275px;filter:drop-shadow(rgba(255, 255, 255, 0.3) 0px 4px 20px);transition:all var(--transition)}.skills__item:hover{cursor:pointer;scale:1.05}.skills__rings{position:absolute;left:50%;translate:80% -16%;bottom:0}.projects__wrapper{-webkit-padding-after:40px;padding-block-end:40px}.projects__grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:36px 32px}.projects__headline{grid-column:1/2;margin:24px 0}.projects__contact{grid-column:2/3;justify-self:end;align-self:center;border-bottom:2px solid var(--accent);padding:4px}.projects__item{grid-column:1/span 2}.projects__item>h3{font-size:1.5rem;line-height:1.3;font-weight:700;text-transform:uppercase;margin-bottom:8px}.projects__picture{margin-bottom:16px}.projects__tag{margin:12px 0;color:var(--text-2);font-size:clamp(0.875rem, 0.792rem + 0.89vw, 1.2rem);font-weight:500}.projects__tag span{margin-right:16px}.projects__link .link:first-child{margin-right:24px}.projects__link>.link:hover{border-bottom:2px solid var(--accent);padding-bottom:4px}.contact{position:relative}.contact__wrapper{padding-block:40px}.contact__headline{-webkit-margin-after:var(--fontsize-20);margin-block-end:var(--fontsize-20)}.contact__control{position:relative;-webkit-margin-after:16px;margin-block-end:16px}.contact__control input,.contact__control textarea{width:100%;padding-block:16px;padding-inline:24px;border:none;border-bottom:1px solid var(--text-1);background:rgba(0,0,0,0);font-size:1rem;line-height:1.625;color:var(--text1)}.contact__control textarea{-webkit-margin-after:32px;margin-block-end:32px;resize:none}.contact__control button{background-color:rgba(0,0,0,0);border:none;border-bottom:2px solid var(--accent);padding-bottom:4px}.contact__control button:hover,.contact__control button:focus,.contact__control button:active{color:var(--accent)}.contact__control>*::-moz-placeholder{color:var(--text1);opacity:.5;text-transform:uppercase}.contact__control>*::placeholder{color:var(--text1);opacity:.5;text-transform:uppercase}.contact__control.align-right{display:flex;justify-content:flex-end}.contact__description{-webkit-margin-after:4rem;margin-block-end:4rem}.contact__rings{position:absolute;left:0;bottom:97px;translate:-75%}.contact__invalid-icon{display:none;width:var(--fontsize-24);height:var(--fontsize-24);position:absolute;top:60%;right:0;translate:-50% -50%}.contact input:focus-visible:invalid~.contact__invalid-icon,.contact textarea:focus-visible:invalid~.contact__invalid-icon{display:inline-block}.contact textarea:focus-visible:invalid~.contact__invalid-icon{top:30%}/*# sourceMappingURL=main.css.map */