*{margin:0;padding:0}body{height:100vh;background:#420264;color:#fff;font-family:outfit}.navbar{display:flex;position:sticky;background:#1b1734;top:0;left:0;right:0;align-items:center;justify-content:space-between;padding:20px;z-index:30}.nav-logo{height:55px}.nav-menu{display:flex;align-items:center;list-style:none;gap:60px;font-size:20px}.nav-connect{padding:20px 40px;border-radius:50px;background:linear-gradient(267deg,#696cb8 .36%,#a128a9 102.06%);font-size:22px;cursor:pointer;transition:.5s}.nav-connect:hover{transform:scale(1.05)}.contact-menu-item{display:none}.nav-menu-item{display:flex;flex-direction:column;gap:5px;cursor:pointer}.nav-menu li img{display:flex;margin:auto}.anchor-link{text-decoration:none;color:#fff}.nav-mob-close,.nav-mob-open{display:none}@media (max-width:1100px) and (min-width:768px){.nav-menu{max-width:max-content;text-align:center;font-size:20px;padding:0 3vw}.nav-menu li{max-width:10vw}.nav-connect{font-size:18px;text-align:center;padding:3vh 3vw}}@media (max-width:860px){.nav-menu{font-size:16px;gap:3vw}.nav-connect{font-size:16px;text-align:center;padding:3vh 3vw}}@media (max-width:768px){.navbar{position:static}.nav-connect{display:none}.nav-logo{height:30px;padding:0}.nav-mob-open{display:block;position:fixed;right:10px;height:30px}.nav-mob-close{display:block;position:relative;top:20px;left:calc(60vw - 40px);width:30px}.nav-menu{position:fixed;flex-direction:column;align-items:start;top:0;gap:8vh;background-color:#281149;width:60vw;height:100%;z-index:2;transition:right .5s;right:-60vw}.nav-menu.open{right:0}.contact-menu-item{display:flex}.nav-menu li{font-size:25px;padding-left:7vw;flex-direction:row;gap:3vw}}.hero{display:flex;align-items:center;flex-direction:column;gap:35px}.hero img{margin-top:1vh;width:60vw;max-width:350px;padding-top:35px}.hero h1{text-align:center;width:70%;font-size:90px;font-weight:600}.hero h1 span{background:linear-gradient(270deg,#b953f3 10%,#71afcf);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{width:50%;text-align:center;font-size:24px;line-height:40px}.hero-action{display:flex;align-items:center;gap:25px;font-size:24px;font-weight:500;text-align:center;margin-bottom:50px}.hero-connect{padding:25px 45px;border-radius:50px;background:linear-gradient(264deg,#b953f3 -5.09%,#71afcf 106.28%);cursor:pointer;width:18vw;text-decoration:none;color:#fff}.hero-resume{padding:25px 45px;border-radius:50px;background:#420264;border:2px solid #FFF;cursor:pointer;width:18vw;text-decoration:none;color:#fff}.hero-connect:hover{border:2px solid white}.hero-resume:hover{border-color:#71afcf}@media (max-width:1770px){.hero h1{font-size:5vw}}@media (max-width:768px){.hero{gap:0}.hero img{max-width:260px}.hero h1{margin-top:3vh;width:90vw;font-size:5vh;margin-bottom:3vh}.hero p{width:80vw;font-size:2.5vh;line-height:5vh;margin-bottom:3vh}.hero-action{max-width:80vw;gap:2vw;font-size:18px;font-weight:500;margin-bottom:50px}.hero-connect,.hero-resume{padding:20px 30px;border-radius:40px;width:28vw}}@media (max-width:500px){.hero-connect,.hero-resume{width:18vw}}@media (max-width:350px){.hero-connect,.hero-resume{margin-top:2vh;font-size:16px}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:160px 170px}.about-title{position:relative}.about-title h1{padding:0 30px;font-size:80px;font-weight:600}.about-title img{position:absolute;bottom:0;right:0;z-index:-1;opacity:50%}.about-sections{display:flex;flex-direction:row;align-items:center;gap:80px}.about-right{display:flex;flex-direction:column;gap:80px}.about-para{display:flex;flex-direction:column;gap:20px;font-size:24px;font-weight:500;line-height:40px}.about-skills{display:flex;flex-direction:column;align-self:center;gap:20px}.about-skill{display:flex;gap:5vw;align-items:center;transition:.3s}.about-skill p{min-width:150px;font-size:24px;font-weight:500}.about-skill hr{outline:none;border:none;width:50%;height:8px;border-radius:50px;background:linear-gradient(264deg,#b953f3 -5.09%,#71afcf 106.28%)}:root{--skill-html-width: 40vw}.about-skill.html-css hr{width:var(--skill-html-width)}.about-skill.react hr{width:calc(var(--skill-html-width) * .5)}.about-skill.javascript hr{width:calc(var(--skill-html-width) * .85)}.about-skill.java hr{width:var(--skill-html-width)}.about-skill:hover{transform:scale(1.05);transition:.3s}@media (max-width:1340px){.about-sections{flex-direction:column}.about-left img{max-height:50vw}}@media (max-width:768px){.about{gap:80px;margin:7vh 10vw;align-items:start;padding-bottom:0}.about-title h1{font-size:50px;padding:0}.about-title img{width:130px;right:-20px}.about-left{display:none}.about-para{font-size:18px;line-height:32px}.about-skills{margin-bottom:50px}.about-skill p{font-size:20px;min-width:120px}.about-skill hr{height:6px}}@media (max-width:400px){.about-title h1{font-size:40px}.about-skill p{font-size:16px;min-width:100px}}.collab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px;padding-bottom:10vh}.collab-title{position:relative}.collab-title h1{padding:0 30px;font-size:80px;font-weight:600}.collab-title img{position:absolute;bottom:0;right:0;z-index:-1;opacity:50%}.collab-container{display:flex;flex-direction:column;justify-content:center;padding:0 7vw}.cascadia-title{position:relative;justify-content:left;padding:0;font-size:60px;font-weight:600}.collab-header-line{padding:10px}.collab-header-line hr{outline:none;border:none;width:30%;height:4px;border-radius:50px;background:#8271cf99}.cascadia-container{display:flex;gap:7vw;align-items:center;padding-top:30px}.cascadia-img img{border-radius:30px;transition:.3s;cursor:pointer}.cascadia-right{display:flex;flex-direction:column}.cascadia-description{display:flex;flex-direction:column;gap:40px;text-align:left;align-items:center}.cascadia-description p{max-width:650px;color:#d8d8d8;font-size:20px;line-height:35px}.cascadia-action{display:flex;align-items:center;gap:25px;font-size:24px;font-weight:500}.cascadia-action a{text-decoration:none;color:#fff}.play-cascadia{padding:11px 43px;border-radius:50px;border:2px solid #420264;text-align:center;background:linear-gradient(264deg,#b953f3 -5.09%,#71afcf 106.28%);cursor:pointer}.about-cascadia{padding:13px 43px;border-radius:50px;text-align:center;border:2px solid #FFF;cursor:pointer}.play-cascadia:hover{border:2px solid white}.about-cascadia:hover{border-color:#71afcf}@media (max-width:1680px){.about-cascadia{font-size:20px}}@media (max-width:1630px){.cascadia-action div{width:8vw;text-align:center}.cascadia-action a{align-self:center}.play-cascadia{font-size:24.3px}.about-cascadia{font-size:24px}}@media (max-width:1515px){.about-cascadia{font-size:21.5px}.play-cascadia{font-size:22.4px}}@media (max-width:1182px){.about-cascadia,.play-cascadia{font-size:20px}.cascadia-container{flex-direction:column;gap:5vh}.cascadia-action{margin-top:2vh}.cascadia-action div{width:auto;text-align:center}}@media (max-width:1120px){.collab-title img{left:0;margin-left:3vw}}@media (max-width:768px){.collab{gap:80px;margin:7vh 10vw;padding-bottom:0}.collab-title,.cascadia-title{align-self:start}.collab-title h1{padding:0;font-size:50px}.collab-title img{right:0;left:auto;width:130px;margin-right:-20px;margin-left:0}.collab-container{padding:0}.cascadia-title{position:relative;justify-content:left;font-size:30px;font-weight:600}.cascadia-img img,.cascadia-description p{max-width:70vw}.cascadia-action{margin-bottom:50px}}@media (max-width:650px){.cascadia-description p{font-size:18px}.play-cascadia,.about-cascadia{font-size:16px}}@media (max-width:590px){.collab-title h1{font-size:40px}}@media (max-width:460px){.collab-title img{margin-left:-3vw;left:0}.cascadia-description p{font-size:16px;line-height:auto}.cascadia-action{justify-content:space-between;gap:5vw}.play-cascadia{font-size:16px;padding:2vh 3vw}.about-cascadia{font-size:17.5px;padding:1.3vh 2vw}}@media (max-width:390px){.play-cascadia{padding:2vh 5vw}.about-cascadia{padding:1.3vh 5vw}}.webdesign{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px;padding-bottom:17vh}.webdesign-title{position:relative}.webdesign-title h1{padding:0 30px;font-size:80px;font-weight:600}.webdesign-title img{position:absolute;bottom:0;right:0;z-index:-1;opacity:50%}.webdesign-container{display:flex;flex-direction:column;justify-content:center;padding:0 7vw}.kerikinsey-title{position:relative;justify-content:left;padding:0;font-size:60px;font-weight:600}.webdesign-header-line{padding:10px}.webdesign-header-line hr{outline:none;border:none;width:37%;height:4px;border-radius:50px;background:#8271cf99}.kerikinsey-container{display:flex;gap:7vw;align-items:center;padding-top:30px}.kerikinsey-img img{max-width:560px;border-radius:30px;transition:.3s;cursor:pointer}.kerikinsey-right{display:flex;flex-direction:column}.kerikinsey-description{display:flex;flex-direction:column;gap:40px;text-align:left;align-items:center}.kerikinsey-description p{max-width:650px;min-width:400px;color:#d8d8d8;font-size:20px;line-height:45px}.kerikinsey-action{display:flex;align-items:center;gap:25px;font-size:24px;font-weight:500}.kerikinsey-action a{text-decoration:none;color:#fff}.visit-kerikinsey{padding:15px 45px;border-radius:50px;background:linear-gradient(264deg,#b953f3 -5.09%,#71afcf 106.28%);cursor:pointer;text-align:center}.visit-kerikinsey:hover{padding:13px 43px;border:2px solid white}@media (max-width:1182px){.webdesign{padding-bottom:10vh}.kerikinsey-container{flex-direction:column;gap:5vh}.kerikinsey-action{margin-top:2vh}}@media (max-width:1057px){.webdesign{gap:80px;margin:7vh 10vw}}@media (max-width:896px){.webdesign-title img{left:0;margin-left:3vw}}@media (max-width:768px){.webdesign{padding-bottom:0}.webdesign-title,.kerikinsey-title{align-self:start}.webdesign-title h1{padding:0;font-size:50px}.webdesign-title img{right:0;left:auto;width:130px;margin-right:-20px;margin-left:0}.webdesign-container{padding:0}.kerikinsey-title{position:relative;justify-content:left;font-size:30px;font-weight:600}.kerikinsey-img img{max-width:70vw}.kerikinsey-description p{max-width:70vw;min-width:0px}.kerikinsey-action{margin-bottom:50px}}@media (max-width:596px){.webdesign-title h1{font-size:40px}.kerikinsey-description p{min-width:none}}@media (max-width:421px){.webdesign-title img{margin-right:0;margin-left:-3vw;left:0}}.mywork{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px;padding-bottom:10vh}.mywork-title{position:relative}.mywork-title h1{padding:0 30px;font-size:80px;font-weight:600}.mywork-title img{position:absolute;bottom:0;right:0;z-index:-1;opacity:50%}.mywork-container{display:flex;flex-direction:column;justify-content:center;padding:0 7vw}.project1-title{position:relative;justify-content:left;padding:0;font-size:60px;font-weight:600}.mywork-header-line{padding:10px}.mywork-header-line hr{outline:none;border:none;width:20%;height:4px;border-radius:50px;background:#8271cf99}.project1-container{display:flex;gap:7vw;align-items:center;padding-top:30px}.project1-img img{width:560px;border-radius:30px;transition:.3s;cursor:pointer}.project1-right{display:flex;flex-direction:column}.project1-description{display:flex;flex-direction:column;gap:40px;text-align:left;align-items:center}.project1-description p{max-width:650px;min-width:400px;color:#d8d8d8;font-size:20px;line-height:45px}.project1-action{display:flex;align-items:center;gap:25px;font-size:24px;font-weight:500}.project1-action a{text-decoration:none;color:#fff}.play-project1{padding:15px 45px;border-radius:50px;background:linear-gradient(264deg,#b953f3 -5.09%,#71afcf 106.28%);cursor:pointer;text-align:center}.play-project1:hover{padding:13px 43px;border:2px solid white}@media (max-width:1182px){.project1-container{flex-direction:column;gap:5vh}.project1-action{margin-top:2vh}}@media (max-width:985px){.mywork{gap:80px;margin:7vh 10vw}}@media (max-width:806px){.mywork-title img{left:0;margin-left:16vw}}@media (max-width:768px){.mywork{padding-bottom:0}.mywork-title,.project1-title{align-self:start}.mywork-title h1{padding:0;font-size:50px}.mywork-title img{right:0;left:auto;width:130px;margin-right:-20px;margin-left:0}.mywork-container{padding:0}.project1-title{position:relative;justify-content:left;font-size:30px;font-weight:600}.project1-img img{max-width:70vw}.project1-description p{max-width:70vw;min-width:0px}.project1-action{margin-bottom:50px}}@media (max-width:596px){.mywork-title h1{font-size:40px}.project1-description p{min-width:none}}@media (max-width:376px){.mywork-title img{margin-right:0;margin-left:11vw;left:0}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px}.contact-title{position:relative}.contact-title h1{padding:0 30px;font-size:80px;font-weight:600}.contact-title img{position:absolute;bottom:0;right:0;z-index:-1;opacity:50%}.contact-section{display:flex;gap:7.8vw}.contact-left{display:flex;flex-direction:column;justify-content:start;gap:30px}.contact-images{display:flex;flex-direction:column;align-self:center;align-items:flex-start}.contact-photo{margin-top:60px;max-width:23.4vw}.contact-photo-mob{display:none}.contact-details{display:flex;flex-direction:column;gap:30px;color:#d8d8d8;font-size:22px}.contact-detail{max-width:28.65vw;font-size:20px;line-height:35px;display:flex;align-items:center;gap:20px}.contact-detail img{width:30px;height:30px}.contact-right{display:flex;flex-direction:column;align-items:start;gap:30px}.contact-right label{color:#d8d8d8;font-size:22px;font-weight:500}.contact-right input{border:none;width:40vw;height:78px;padding-left:20px;border-radius:4px;background:#32323c;color:#a0a0a0;font-family:Outfit;font-size:20px}.contact-right textarea{width:38vw;border:none;padding:25px;border-radius:4px;background:#32323c;color:#a0a0a0;font-family:Outfit;font-size:20px}.contact-submit{border:none;color:#fff;border-radius:50px;background:linear-gradient(264deg,#b953f3 -5.09%,#71afcf 106.28%);font-size:22px;padding:20px 60px;margin-bottom:50px;cursor:pointer;transition:.3s}.contact-submit:hover{transform:scale(1.1);transition:.3s}@media (max-width:1175px){.contact-detail{font-size:16px;gap:10px}.contact-detail img{width:20px;height:20px}}@media (max-width:880px){.contact-detail{font-size:14px}}@media (max-width:834px){.contact-title h1{padding:0}.contact-title img{margin-right:-35px}}@media (max-width:775px){.contact-title h1{font-size:70px}}@media (max-width:768px){.contact{gap:50px;margin:50px 70px}.contact-title{align-self:start}.contact-title h1{padding:0;font-size:50px}.contact-title img{right:0;left:auto;width:130px;margin-right:-20px;margin-left:0}.contact-section{flex-direction:column}.contact-photo{display:none}.contact-photo-mob{display:flex;align-self:center;width:70vw}.contact-left p{font-size:18px}.contact-detail{gap:20px;font-size:20px}.contact-detail img{width:25px;height:25px}.contact-right label{font-size:20px}.contact-right input{width:70vw;font-size:20px}.contact-right textarea{width:65.5vw;font-size:20px}.contact-submit{font-size:20px;padding:15px 40px}}@media (max-width:420px){.contact-title h1{font-size:40px}}@media (max-width:370px){.contact-title h1{font-size:31px}.contact-title img{width:80px}}.footer{margin:50px 170px;display:flex;flex-direction:column;gap:30px}.footer-top{display:flex;justify-content:space-between}.footer-top-left p{font-size:20px;max-width:400px}.footer-top-right{display:flex;align-items:center;gap:35px}.footer-email-input{display:flex;gap:30px;padding:20px 80px 20px 30px;border-radius:50px;background:#32323b}.footer-email-input input{outline:none;border:none;background:transparent;color:#a0a0a0;font-family:Outfit;font-size:18px}.footer-subscribe{font-size:20px;padding:22px 50px;border-radius:50px;background:linear-gradient(264deg,#b953f3 -5.09%,#71afcf 106.28%);cursor:pointer;transition:.3s}.footer-bottom{display:flex;justify-content:space-between;font-size:18px}.footer-bottom-right{display:flex;gap:50px;margin-bottom:50px}.footer-email-input:hover{border:2px solid white}.footer-subscribe:hover{transform:scale(1.1);transition:.3s}.linkedin{display:flex;flex-direction:row;align-items:center;gap:10px;text-decoration:none;color:#fff}.linkedin img{width:20px}@media (max-width:768px){.footer{margin:50px 70px}.footer-top{flex-direction:column;gap:50px}.footer-bottom{display:flex;flex-direction:column-reverse;margin-bottom:50px}}.paint-container{display:flex;flex-direction:row;align-items:top;height:calc(100vh - 110px);overflow:hidden}.banner{margin:0;width:18vw;background-size:contain}#banner-left{background-image:url(/assets/vector-background-left-repeatable--68mK7Ef.png)}#banner-right{background-image:url(/assets/vector-background-right-repeatable-Csjg1H6b.png)}.container-container{display:flex;flex-direction:column;margin:0 auto}.paint-title{position:relative;margin:30px auto;width:fit-content;text-align:center}.paint-title h1{padding:0 30px;font-size:60px;font-weight:600;margin:0;position:relative;z-index:1}.paint-title img{position:absolute;top:50%;left:50%;transform:translate(-20%,-30%);height:70%;opacity:.5;z-index:0}.draw-container{padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(0deg,#696cb8 .36%,#a128a9 102.06%);border-radius:30px;height:fit-content;max-width:80vw;gap:10px}#grid{width:1000px;display:grid;grid-template-columns:300px 300px 200px auto;grid-template-rows:80px auto auto;grid-gap:10px}#canvasGrid{display:grid;width:1000px;grid-template-columns:auto;grid-template-rows:auto}#text{grid-row:1;padding:10px;align-self:center;justify-self:center;text-decoration:underline;font-weight:bolder}#text2{grid-row:3;padding:10px;align-self:center;justify-self:center;text-decoration:underline;font-weight:bolder}#current{grid-row:2;width:100px;height:100px;align-self:center;justify-self:center;border-radius:2px}#myCanvas{grid-row:1/6;width:800px;height:500px;touch-action:none}#swatches{grid-row:1;grid-column:1/3}#size{align-self:center;grid-column:1;grid-row:2}#transparency{align-self:center;grid-column:2;grid-row:2}#redSlider{grid-column:3;grid-row:1}#greenSlider{grid-column:3;grid-row:2}#blueSlider{grid-column:3;grid-row:3}.shapebutton{width:60px;height:60px;align-self:center;justify-self:center;margin:10px;border:2px solid #e3e3e3;background-color:#fff}#circle,#square{grid-column:2;font-size:30px}.colorbutton{margin-left:3px;width:40px;height:40px;border:2px solid #e3e3e3}#clearbutton{background-color:#fff;border:2px solid #000000ff;margin-top:5px}#trashimg{height:50px;width:50px;padding:0;align-self:center}#sliderColor{width:70px;height:70px;margin-left:20px;margin-top:30px;border-radius:2px;border-color:#000;grid-column:4;grid-row:1/3}.slider input{-webkit-appearance:none;width:100%;height:5px;border-radius:5px;background:#fff;outline:none;-webkit-transition:.2s;transition:opacity .2s;margin:10px 0}#size input,#transparency input{width:80%}input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;outline:none;width:15px;height:15px;border-radius:50%;border-color:#1f0264;border-width:3px;background:#71afcf;cursor:pointer}.slider input::-moz-range-thumb{width:15px;height:15px;border-radius:50%;border-width:3px;cursor:pointer}#size input::-webkit-slider-thumb,#size input::-moz-range-thumb,#transparency input::-webkit-slider-thumb,#transparency input::-moz-range-thumb{border-color:#4a2783;background:#8a71cf}#redSlider input::-webkit-slider-thumb,#redSlider input::-moz-range-thumb{border-color:#832727;background:#cf7171}#greenSlider input::-webkit-slider-thumb,#greenSlider input::-moz-range-thumb{border-color:#27833b;background:#71cf79}#blueSlider input::-webkit-slider-thumb,#blueSlider input::-moz-range-thumb{border-color:#273883;background:#7192cf}@media (max-height:1035px){.paint-container{height:fit-content}}@media (max-width:1300px){.banner{display:none}#canvasGrid{display:grid;width:80vw;grid-template-columns:auto 20vw;grid-template-rows:auto;height:auto}#myCanvas{width:60vw;height:37.5vw;max-width:800px;max-height:500px}#grid{display:grid;width:80vw}}@media (max-width:1160px){#grid{width:80vw;display:grid;grid-template-columns:200px 200px 180px 5vw;grid-template-rows:auto auto auto;grid-gap:10px}.colorbutton{margin-left:3px;width:50px;height:50px;border:2px solid #e3e3e3;vertical-align:middle}#clearbutton{margin-left:3px;width:50px;height:50px;border:2px solid #000000;vertical-align:middle;margin-bottom:5px}#trashimg{width:40px;height:40px}}@media (max-width:880px){#grid{grid-template-columns:auto;grid-template-rows:auto auto auto;grid-gap:10px}.colorbutton,#clearbutton{width:5vw;height:5vw;min-width:35px;min-height:35px}#trashimg{width:80%;height:80%;object-fit:contain}}@media (max-width:768px){#canvasGrid{display:grid;width:80vw;grid-template-columns:auto auto 30px auto auto auto;grid-template-rows:auto;height:auto}#text{grid-column:1;grid-row:6}#text2{grid-column:4;grid-row:6}#current{grid-column:2;grid-row:6;width:60px;height:60px;margin:10px}#square{grid-column:5;grid-row:6}#circle{grid-column:6;grid-row:6}#myCanvas{grid-column:1/7;width:calc(80vw - 20px);height:calc((80vw - 20px)/1.6)}#size{grid-column:1/3}#transparency{grid-column:3/5}}@media (max-width:500px){#canvasGrid{grid-template-columns:auto}#current,#square,#circle{width:10vw;height:10vw;font-size:20px}}@media (max-width:400px){.draw-container{padding:20px;justify-content:center}#canvasGrid{grid-template-columns:auto}#grid{grid-template-columns:50% 50%}#swatches{grid-column:1/3;grid-row:1}#sliders{grid-column:1;grid-row:2}#sliderColor{grid-column:2;grid-row:2;align-self:center;justify-self:center;margin:0;padding:0}#size{grid-column:1;grid-row:3}#transparency{grid-column:2;grid-row:3}#current,#square,#circle{width:10vw;height:10vw;font-size:20px}}@media (max-width:375px){#text,#text2{font-size:12px}#current{width:8vw;height:8vw}#square,#circle{width:8vw;height:8vw;min-width:35px;min-height:35px;font-size:16px}}