@import url(https://fonts.googleapis.com/css2?family=Nunito&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);*{box-sizing:0;margin:0;padding:0}:root{--primary-color:blue;--secondary-color:purple;--blend-color:linear-gradient(270deg,var(--primary-color) 0%,var(--secondary-color) 100%);--blend-color-reverse:linear-gradient(270deg,var(--secondary-color) 0%,var(--primary-color) 100%);--dark-color:#161a16;--light-color:#f5f5f5;--dark-75:rgba(22,26,22,.75);--dark-50:rgba(22,26,22,.5);--dark-25:rgba(22,26,22,.25);--dark-10:rgba(22,26,22,.1);--dark-5:rgba(22,26,22,.05);--error:#fa2f17;--success:#0cf70c;--ff-h:"Roboto, Arial";--ff-p:"Nunito, sans-serif";--p:clamp(18px,1.16666vw,21px);--h1:clamp(55px,6.61111vw,119px);--h2:clamp(44px,4.46666vw,84px);--h3:clamp(36px,3.33333vw,60px);--h4:clamp(29px,2.33333vw,42px);--h5:clamp(23px,1.66666vw,30px);--h6:clamp(18px,1.16666vw,21px);--px8:0.44444vw;--px16:0.88888vw;--px24:1.33333vw;--px32:1.77777vw;--px48:2.66666vw;--px64:3.55555vw;--px96:5.33333vw;--px128:7.11111vw;--px256:14.22222vw;--px384:21.33333vw;--px512:28.44444vw;--px139:7.72222vw}body{background-color:#f5f5f5;background-color:var(--light-color)}h1,h2,h3,h4,h5,h6,p{margin-bottom:1.77777vw;margin-bottom:var(--px32)}h1,h2,h3,h4,h5,h6{color:#161a16;color:var(--dark-color);font-family:Roboto\, Arial;font-family:var(--ff-h);font-style:normal;line-height:1.3}h1{font-size:clamp(55px,6.61111vw,119px);font-size:var(--h1)}h1,h2{font-weight:700}h2{font-size:clamp(44px,4.46666vw,84px);font-size:var(--h2)}h3{font-size:clamp(36px,3.33333vw,60px);font-size:var(--h3);font-weight:300}h4{font-size:clamp(29px,2.33333vw,42px);font-size:var(--h4)}h4,h5{font-weight:700}h5{font-size:clamp(23px,1.66666vw,30px);font-size:var(--h5)}h6{font-size:clamp(18px,1.16666vw,21px);font-size:var(--h6);font-weight:700}button,div,p,ul{color:rgba(22,26,22,.75);color:var(--dark-75);font-family:"Nunito, sans-serif";font-family:var(--ff-p);font-size:clamp(18px,1.16666vw,21px);font-size:var(--p);font-style:normal;font-weight:400;line-height:30px}ul{list-style-position:inside;list-style-type:disc;padding-left:1em;text-indent:-1em}a{color:inherit;text-decoration:none}img{display:block;height:auto;max-width:100%}body,input,textarea{font:inherit}.bold{font-weight:700}.blend-bg,.blend-text{background:linear-gradient(270deg,blue,purple);background:var(--blend-color)}.blend-text{-webkit-text-fill-color:transparent;-webkit-background-clip:text}.offscreen{left:-10000px;position:absolute}.skip-link{background-color:#161a16;background-color:var(--dark-color);color:#f5f5f5;color:var(--light-color);font-size:clamp(18px,1.16666vw,21px);font-size:var(--p);position:absolute;text-align:center;-webkit-transform:translateX(-200%);transform:translateX(-200%);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.skip-link:focus{position:static;-webkit-transform:translateX(0);transform:translateX(0)}section{margin:0 0 14.22222vw;margin:0 0 var(--px256) 0;padding:0 7.11111vw;padding:0 var(--px128);text-align:center}a{display:flex;flex-direction:column}.icons__skills{color:#161a16;color:var(--dark-color);height:3.55555vw;height:var(--px64)}.icons__icon{color:inherit;height:18px;height:1.77777vw;height:var(--px32);height:clamp(18px,1.77777vw,100px);height:clamp(18px,var(--px32),100px);width:auto}.icons__icon:hover{color:blue;color:var(--primary-color)}.logo{height:3.55555vw;height:var(--px64);width:auto}.logo__BotFill,.logo__TopFill{fill:blue;fill:var(--primary-color);stroke:#161a16;stroke:var(--dark-color)}.logo__FNameFill,.logo__FNameOutline{fill:#161a16;fill:var(--dark-color)}.logo__LName{fill:blue;fill:var(--primary-color)}.logo:hover [class^=logo__]{fill:#161a16;fill:var(--dark-color);stroke:#161a16;stroke:var(--dark-color)}.logo:hover .logo__FNameFill,.logo:hover .logo__FNameOutline{fill:blue;fill:var(--primary-color);stroke:blue;stroke:var(--primary-color)}button{border:none;width:100%}.button__link,button{align-items:center;border-radius:100px;cursor:pointer;display:flex;flex-direction:row;font-size:clamp(18px,1.16666vw,21px);font-size:var(--h6);font-weight:700;gap:.88888vw;gap:var(--px16);justify-content:center;padding:1.33333vw 2.66666vw;padding:var(--px24) var(--px48)}.button__primary{background:linear-gradient(270deg,blue,purple);background:var(--blend-color);box-shadow:0 100px 80px rgba(0,0,0,.07),0 41.7776px 33.4221px rgba(0,0,0,.05),0 22.3363px 17.869px rgba(0,0,0,.042),0 12.5216px 10.0172px rgba(0,0,0,.035),0 6.6501px 5.32008px rgba(0,0,0,.028),0 2.76726px 2.21381px rgba(0,0,0,.02);color:#f5f5f5;color:var(--light-color)}.button__primary:hover{background:linear-gradient(270deg,purple,blue);background:var(--blend-color-reverse);gap:24px}.button__primary:active{opacity:60%}.button__secondary{background-color:#f5f5f5;background-color:var(--light-color);border:2px solid #161a16;border:2px solid var(--dark-color);color:#161a16;color:var(--dark-color)}.button__secondary:hover{background-color:#161a16;background-color:var(--dark-color);color:#f5f5f5;color:var(--light-color)}.button__secondary:active{background-color:rgba(22,26,22,.75);background-color:var(--dark-75);color:#f5f5f5;color:var(--light-color)}nav{border-bottom:1px solid rgba(22,26,22,.1);margin-bottom:7.11111vw;margin-bottom:var(--px128)}.nav__container{align-items:center;display:flex;justify-content:space-between;padding:1.77777vw 3.55555vw;padding:var(--px32) var(--px64)}.nav__links-container{align-items:center;display:flex;gap:3.55555vw;gap:var(--px64);justify-content:center}.nav__links-container,nav a{color:#161a16;color:var(--dark-color)}nav a{font-size:clamp(18px,1.16666vw,21px);font-size:var(--h6);font-weight:700;line-height:25px;text-decoration:none}nav a:hover{color:blue;color:var(--primary-color)}.footer__container{align-items:center;border-top:1px solid rgba(22,26,22,.05);border-top:1px solid var(--dark-5);display:flex;justify-content:space-between;padding:1.77777vw 3.55555vw;padding:var(--px32) var(--px64)}.footer__links-container{color:#161a16;color:var(--dark-color);display:flex;gap:3.55555vw;gap:var(--px64)}.footer__links-container :hover{color:blue;color:var(--primary-color)}footer p{font-size:15px;margin-bottom:0}footer{border-top:1px solid rgba(22,26,22,.25);border-top:1px solid var(--dark-25)}@media screen and (max-width:800px){.footer__container{flex-direction:column}.footer__links-container{margin-bottom:16px}}.hero{padding:0 7.11111vw;padding:0 var(--px128);text-align:center}.hero p{padding:0 14.22222vw;padding:0 var(--px256)}.hero button{margin-top:5.33333vw;margin-top:var(--px96)}@media screen and (max-width:800px){.hero p{padding:0}}.skills__icon-container{display:flex;flex-wrap:wrap;justify-content:space-between}.skills__icon-container *{background-color:rgba(22,26,22,.1);background-color:var(--dark-10);border-radius:10px;padding:1.77777vw;padding:var(--px32)}.project__double-cols{border-bottom:1px solid rgba(22,26,22,.25);border-bottom:1px solid var(--dark-25);display:flex;flex-wrap:wrap;margin-bottom:1.77777vw;margin-bottom:var(--px32);padding-bottom:1.77777vw;padding-bottom:var(--px32)}.project__container{margin-bottom:7.11111vw;margin-bottom:var(--px128);padding:3.55555vw 7.11111vw;padding:var(--px64) var(--px128)}.project__content *{color:#f5f5f5;color:var(--light-color)}.project__column{flex-basis:0;flex-grow:1;margin-right:24px;text-align:left}.project__stackWrapper{flex-wrap:wrap;gap:8px}.project__linksWrapper,.project__stackWrapper{align-items:center;display:flex;justify-content:center}.project__linksWrapper{gap:.88888vw;gap:var(--px16)}#projects{padding:0}@media screen and (max-width:1000px){.project__double-cols{display:block}}@media screen and (max-width:600px){.project__linksWrapper{display:block}}input,textarea{margin-bottom:32px;resize:vertical}.contact__NameEmail{display:flex;gap:8px}.contact__input{display:flex;flex:1 1;flex-direction:column}.form__input{background-color:rgba(22,26,22,.1);background-color:var(--dark-10);border:none;border-radius:8px;padding:1.33333vw .88888vw;padding:var(--px24) var(--px16)}.form__input--error{border:3px solid #fa2f17;border:3px solid var(--error)}.form__input--success{border:3px solid #0cf70c;border:3px solid var(--success)}@media screen and (max-width:900px){.contact__stackColumns{flex-direction:column}}@media screen and (max-width:600px){.contact__NameEmail{display:block}}.column{flex-basis:0;flex-grow:1;text-align:left}.even-columns{display:flex;gap:24px}
/*# sourceMappingURL=main.a321c9c5.css.map*/