*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}button{all:unset}button:focus{outline:revert}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{--bg: hsl(0, 0%, 8%);--white-text: hsl(0, 0%, 100%);--gray: hsl(0, 0%, 85%);--dark-gray: hsl(0, 0%, 14%);--green: hsl(153, 71%, 59%)}@font-face{font-family:SpaceGrotesk-Bold;src:url(../assets/fonts/static/SpaceGrotesk-Bold.ttf) format("truetype")}@font-face{font-family:SpaceGrotesk-Medium;src:url(../assets/fonts/static/SpaceGrotesk-Medium.ttf) format("truetype")}html{height:100%;margin:0 auto;max-width:90rem}body{display:grid;min-height:100%;background-color:var(--bg);color:var(--white-text);font-family:SpaceGrotesk-Bold;z-index:2;transition:1s ease;background:url(../assets/images/pattern-rings.svg) no-repeat clamp(-21.375rem,-25.9671rem + 19.5929vw,-16.5625rem) clamp(5.375rem,10.0162rem + -9.6692vw,7.75rem),url(../assets/images/pattern-rings.svg) no-repeat clamp(11.8125rem,-9.3588rem + 90.3308vw,34rem) clamp(61.5rem,98.5076rem + -77.0992vw,80.4375rem),var(--bg)}footer{background:url(../assets/images/pattern-rings.svg) no-repeat clamp(-23rem,-19.8244rem + -6.6158vw,-21.375rem) clamp(27.25rem,20.6302rem + 28.2443vw,34.1875rem),var(--dark-gray);padding-block-start:3.75rem}footer .logos-container{border-top:1px solid var(--white-text);padding-block:clamp(1.875rem,2.9742rem + -2.2901vw,2.4375rem) clamp(2.5rem,4.9427rem + -5.0891vw,3.75rem)}footer .logos-container p{font-size:1.5rem}header{grid-row:1;grid-column:1 / -1;height:max-content;z-index:1;padding-block-start:1.25rem;padding-inline:clamp(1rem,.0458rem + 4.0712vw,2rem) clamp(.875rem,-.0231rem + 3.8321vw,1.8163rem)}header h1{font-size:clamp(1.5rem,1.0229rem + 2.0356vw,2rem);line-height:1.33;letter-spacing:clamp(-.0275rem,-.0141rem + -.028vw,-.0206rem)}.contact-container{display:flex;flex-direction:column;text-align:center;gap:1.25rem}.contact-container h3{font-size:clamp(2.5rem,.5916rem + 8.1425vw,4.5rem);line-height:1;letter-spacing:clamp(-.1281rem,-.017rem + -.2316vw,-.0712rem)}.contact-container p{font-family:SpaceGrotesk-Medium;font-size:clamp(1rem,.8807rem + .5089vw,1.125rem);line-height:1.625}#contact-form{display:flex;flex-direction:column;gap:2rem;font-family:SpaceGrotesk-Medium;width:clamp(21.4375rem,15.3545rem + 25.9542vw,27.8125rem)}#contact-form .error-text{font-size:.75rem;align-self:flex-end;color:#ff6f5b;display:inline}#contact-form .hide{display:none}#contact-form input,#contact-form textarea{all:unset;width:100%;text-indent:1.5rem;padding-block-end:1.0625rem;font-size:1rem;line-height:1.625;letter-spacing:-.01375rem;border-bottom:1px solid var(--white-text)}#contact-form input:is(:user-invalid,.error-underline),#contact-form textarea:is(:user-invalid,.error-underline){border-bottom:1px solid #ff6f5b}#contact-form input:active,#contact-form textarea:active{border-bottom:1px solid var(--green)}#contact-form label{display:flex;flex-direction:column;gap:.3125rem}#contact-form textarea{resize:none;height:5.56rem;display:block}#contact-form button{width:max-content;align-self:flex-end;font-size:1rem;line-height:1.625;letter-spacing:.143125rem;padding-block-end:.625rem;border-bottom:2px solid var(--green)}#contact-form button:hover{cursor:pointer;color:var(--green)}.experience-div{width:100%}.experience-container{display:flex;flex-wrap:wrap;justify-content:center;border-top:1px solid var(--gray);border-bottom:1px solid var(--gray);text-align:center;padding-block:clamp(2.5rem,1.7844rem + 3.0534vw,3.25rem);margin-inline:clamp(1rem,.1651rem + 3.5623vw,1.875rem) clamp(.875rem,-.0792rem + 4.0712vw,1.875rem);gap:clamp(1.5rem,-.1698rem + 7.1247vw,3.25rem) clamp(.4375rem,2.5138rem + -4.3257vw,1.5rem)}.experience-container div{width:19.5625rem}.experience-container div h3{font-size:clamp(2rem,1.0458rem + 4.0712vw,3rem);line-height:1.25;letter-spacing:clamp(-.0937rem,-.0327rem + -.1272vw,-.0625rem)}.experience-container div p{color:var(--gray);font-family:SpaceGrotesk-Medium;font-size:clamp(1rem,.8807rem + .5089vw,1.125rem);line-height:1.625}.form-container{display:flex;flex-direction:column;align-items:center;gap:clamp(3rem,3.2443rem + -.5089vw,3.125rem);padding-block-end:5.4375rem}.logos-container{display:flex;flex-direction:column;justify-self:center;align-items:center;gap:1.25rem}.logos-container div{display:flex;gap:1.625rem}.logos-container a:hover>svg>path{cursor:pointer;fill:var(--green);color:var(--green)}main{height:100%;display:grid;grid-template-columns:subgrid;grid-row:1;grid-column:1 / -1;justify-items:center;padding-block-end:5rem;row-gap:clamp(0rem,9.771rem + -20.3562vw,5rem)}.profile-picture-container{display:grid;justify-items:center;overflow:hidden;position:relative;padding-inline:clamp(1rem,.0458rem + 4.0712vw,2rem) clamp(0rem,1.9542rem + -4.0712vw,1rem)}.profile-picture-container picture{width:max-content;z-index:-1;padding-block-end:clamp(2.5rem,1.3073rem + 5.0891vw,3.75rem)}.profile-picture-container img{width:clamp(10.875rem,2.0487rem + 37.659vw,20.125rem)}.profile-picture-container .circle{position:absolute;width:8.0625rem;right:clamp(-4.0625rem,-4.1555rem + .3969vw,-3.965rem);top:clamp(15.875rem,2.9337rem + 55.2163vw,29.4375rem)}.project-btns{display:flex;font-size:1rem;gap:1.875rem;line-height:1.625;letter-spacing:.143124rem}.project-btns a{padding-block-end:.625rem;border-bottom:2px solid var(--green);text-decoration:none}.project-btns a:is(:link,:visited,:active){color:var(--white-text)}.project-btns a:hover{color:var(--green);cursor:pointer}.projects-container{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(2.5rem,1.3073rem + 5.0891vw,3.75rem) clamp(1.5rem,3.4542rem + -4.0712vw,2.5rem);padding-block-start:clamp(0rem,-2.8626rem + 12.2137vw,3rem)}.project-card{width:21.4375rem;display:flex;flex-direction:column;gap:1.25rem}.project-details{display:flex;flex-direction:column;gap:.4375rem}.project-details h4{font-size:1.5rem;line-height:1.33;text-transform:uppercase}.project-details div{display:flex;gap:1.125rem;color:var(--gray);font-family:SpaceGrotesk-Medium;line-height:1.55;font-size:1.125rem;text-transform:uppercase}.projects-header{position:sticky;top:0;z-index:99;background-color:var(--bg);display:flex;justify-content:space-between;grid-row:1;grid-column:1 / -1;align-items:center;padding-inline:clamp(1rem,.0458rem + 4.0712vw,2rem);width:100%}.projects-header h3{font-size:clamp(2.5rem,.5916rem + 8.1425vw,4.5rem);letter-spacing:clamp(-.1281rem,-.017rem + -.2316vw,-.0712rem);line-height:1}.projects-header a{height:max-content;font-size:1rem;letter-spacing:.14rem;padding-block-end:.625rem;border-bottom:2px solid var(--green);text-decoration:none;line-height:1.625}.projects-header a:is(:link,:visited,:active){color:var(--white-text)}.projects-header a:hover{color:var(--green);cursor:pointer}.intro-container{display:flex;flex-direction:column;text-align:center;align-self:center;align-items:center;gap:clamp(1.5rem,-1.3626rem + 12.2137vw,4.5rem)}.intro-container h2{font-size:clamp(2.5rem,.5916rem + 8.1425vw,4.5rem);letter-spacing:clamp(-.1281rem,-.017rem + -.2316vw,-.0712rem);line-height:1}.intro-container h2 span{margin-inline-end:-.5rem;text-decoration:underline var(--green);text-underline-position:under}.intro-container p{color:var(--gray);font-family:SpaceGrotesk-Medium;font-size:clamp(1rem,.8807rem + .5089vw,1.125rem);line-height:1.625}.intro-container a{font-size:1rem;padding-block-end:.625rem;line-height:1.625;letter-spacing:.143125rem;border-bottom:2px solid var(--green);text-decoration:none;margin-block-start:1.4375rem}.intro-container a:is(:link,:visited,:active){color:var(--white-text)}.intro-container a:hover{color:var(--green);cursor:pointer}.intro-container div{display:flex;flex-direction:column;gap:1.5rem}dialog{display:none}@media (min-width: 48rem){body{background:url(../assets/images/pattern-rings.svg) no-repeat clamp(-16.5625rem,-28.3482rem + 24.5536vw,-6.25rem) clamp(5.375rem,2.0179rem + 6.994vw,8.3125rem),url(../assets/images/pattern-rings.svg) no-repeat clamp(34rem,-16.2857rem + 104.7619vw,78rem) clamp(61.5rem,58.6429rem + 5.9524vw,64rem),var(--bg)}footer{overflow:hidden;background:url(../assets/images/pattern-rings.svg) no-repeat clamp(-23rem,-34.5714rem + 24.1071vw,-12.875rem) clamp(20.4375rem,49.9018rem + -32.7381vw,34.1875rem),var(--dark-gray);padding-block-start:clamp(3.75rem,2.0357rem + 3.5714vw,5.25rem)}footer .logos-container{margin-inline:clamp(1rem,-9.6429rem + 22.1726vw,10.3125rem);padding-block:clamp(1.875rem,.6607rem + 2.5298vw,2.9375rem) clamp(2.5rem,-1.2143rem + 7.7381vw,5.75rem)}header{padding-inline:clamp(2rem,-7.5rem + 19.7917vw,10.3125rem) clamp(1.8163rem,-9.9937rem + 24.6042vw,12.15rem)}header h1{line-height:1}.contact-container{gap:clamp(1.25rem,.1071rem + 2.381vw,2.25rem)}.contact-container h3{font-size:clamp(4.5rem,3.3571rem + 2.381vw,5.5rem);letter-spacing:clamp(-.1562rem,-.096rem + -.067vw,-.1281rem)}.contact-container p{line-height:1.55;width:37ch}.experience-container{text-align:start;border-bottom:0 solid var(--gray);margin-inline:clamp(1.875rem,-7.7679rem + 20.0893vw,10.3125rem);gap:clamp(3.25rem,2.8214rem + .8929vw,3.625rem) clamp(.4375rem,-1.2054rem + 3.4226vw,1.875rem)}.experience-container div h3{line-height:1.16}.form-container{overflow:hidden;gap:clamp(3rem,-9.2857rem + 25.5952vw,13.75rem);margin-inline:clamp(1rem,-9.6429rem + 22.1726vw,10.3125rem);padding-block-end:clamp(5.4375rem,5.0804rem + .744vw,5.75rem)}.logos-container{flex-direction:row;justify-self:stretch;justify-content:space-between}.projects-header{padding-inline:clamp(2rem,-7.5rem + 19.7917vw,10.3125rem)}.projects-header h3{font-size:clamp(4.5rem,3.3571rem + 2.381vw,5.5rem);letter-spacing:clamp(-.1562rem,-.096rem + -.067vw,-.1281rem)}.profile-picture-container{grid-template-columns:repeat(8,1fr);justify-items:end;padding-inline:clamp(2rem,-7.5rem + 19.7917vw,10.3125rem) clamp(0rem,-11.7857rem + 24.5536vw,10.3125rem)}.profile-picture-container picture{grid-row:1;grid-column:3 / -1;padding-block-end:clamp(3.75rem,.6071rem + 6.5476vw,6.5rem)}.profile-picture-container img{width:clamp(20.125rem,11.3393rem + 18.3036vw,27.8125rem)}.profile-picture-container .circle{right:clamp(-3.965rem,-47.425rem + 90.5417vw,34.0625rem);top:clamp(29.4375rem,25.8661rem + 7.4405vw,32.5625rem)}.profile-picture-container .intro-container{align-items:flex-start;text-align:start;grid-row:1;grid-column:1 / 6;gap:clamp(2.6875rem,6.5714rem + -4.3155vw,4.5rem);padding-block-start:clamp(0rem,12.0536rem + -13.3929vw,5.625rem)}.profile-picture-container .intro-container h2{font-size:clamp(4.5rem,3.3571rem + 2.381vw,5.5rem);letter-spacing:clamp(-.1562rem,-.096rem + -.067vw,-.1281rem)}.profile-picture-container .intro-container p{line-height:1.55}.profile-picture-container .intro-container div{margin-block-start:clamp(-2.125rem,-6.1964rem + 8.4821vw,1.4375rem);flex-direction:row}.project-card{width:clamp(21.4375rem,7.3661rem + 29.3155vw,33.75rem)}.projects-container{padding-block-start:clamp(3rem,-3.5714rem + 13.6905vw,8.75rem);gap:clamp(3.75rem,2.3214rem + 2.9762vw,5rem) clamp(1.5rem,1.0714rem + .8929vw,1.875rem)}}@media (min-width: 90rem){.contact-container{text-align:left;width:45ch}.experience-container div p{line-height:1.55}.profile-picture-container .intro-container{grid-column:1 / 7}.profile-picture-container .intro-container p{width:39ch}.form-container{flex-direction:row;align-items:flex-start;justify-content:center}.project-btns{display:none}dialog{display:block;right:0;left:0;top:0;bottom:0;width:100%;height:100%;border:0;background-color:transparent;color:transparent}dialog div{display:flex;flex-direction:column;gap:3.75rem;height:100%;justify-content:center;align-items:center}dialog div a{line-height:1.625;padding-block-end:.625rem;text-decoration:none}dialog div a:is(:link,:visited,:active){color:transparent}dialog:hover{background-color:hsl(from black h s l / .5);cursor:pointer}dialog:hover div a{color:var(--white-text);border-bottom:2px solid var(--green)}dialog:hover div a:is(:link,:visited,:active){color:var(--white-text)}dialog:hover div a:hover{color:var(--green);cursor:pointer}.picture-container{position:relative}}