:root{--color1: #262629;--color2: #EBEBFF;--color3: #0303E1;--color3-light: #9393DF;--color2-gradient: linear-gradient(90deg, var(--color2) 0%, #BBBBF0 100%)}*{box-sizing:border-box;overflow-x:hidden}html,body{margin:0;padding:0;font-family:Inter;font-style:normal;background-color:var(--color2)}main{display:flex;flex-direction:column;min-height:100vh}h1{min-height:50px;font-weight:700;font-size:6em;line-height:.9em;letter-spacing:-.05em;color:var(--color1);margin:0;padding:0 5px;opacity:.9;overflow:visible;cursor:default}h1.bold{font-weight:900;color:var(--color3)}h1.bold>span{display:block;font-weight:700;font-size:.95em;line-height:1.05em;letter-spacing:-.05em;color:var(--color1);margin:0;padding:0;overflow:visible;cursor:default}.gradient{color:transparent;background:linear-gradient(180deg,var(--color2) 50%,var(--color3-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{min-height:50px;font-weight:900;font-size:2.25em;letter-spacing:-.05em;color:var(--color1);margin:0;padding:0 5px;opacity:.9;align-content:center}h3{color:var(--color2);margin:0;padding:0 2.5px;line-height:120%}p{font-weight:500;font-size:1.5em;line-height:120%;letter-spacing:-.05em;color:var(--color2)}p.sm-light{font-weight:400;font-size:1em;opacity:.35}span{font-weight:600;font-size:1.75em;line-height:120%;letter-spacing:-.05em;color:var(--color3)}button,a.link{min-height:35px;margin:0;padding:0 25px;background:var(--color3);border-radius:100px;border:none;font-family:Inter;font-style:normal;font-weight:600;font-size:1.25em;display:flex;align-items:center;gap:25px;letter-spacing:-.05em;color:var(--color2);cursor:pointer;border:solid 4px transparent;transition:.2s;text-decoration:none}button.lg,a.link.lg{min-height:50px;padding:0 100px;font-weight:800;font-size:2em;gap:50px}.card{height:50px;background:var(--color2);padding:0 25px;display:flex;justify-content:start;align-items:center;text-decoration:none;letter-spacing:-.05em}.card>h3{color:var(--color1);font-size:1.5em;letter-spacing:-.05em}.card:hover{background:var(--color2-gradient)}.card-2{border-radius:25px;height:50px;color:var(--color1);font-weight:800;background-color:#26262959;display:flex;align-items:center;justify-content:space-between;padding:0 25px;cursor:pointer;transition:.2s;text-decoration:none;overflow:visible}.card-2:hover{background-color:var(--color1);color:var(--color2);opacity:.9}main>.hero>.container{padding-top:100px}@media (max-width: 750px){h1{min-height:25px;font-size:2.5em;line-height:.85em}h2{min-height:35px;font-size:1.5em}button{min-height:30px}button.lg{min-height:35px;padding:0 50px;font-size:1.5em}p{font-size:.9em}span{font-size:1.2em}main>.hero>.container{padding-top:25px}.card{height:35px;padding:0 15px}.card>h3{font-size:1em}}header{height:100px;display:flex;justify-self:center;justify-content:space-between;align-items:center;width:100vw;padding:0 50px;position:fixed;background-color:var(--color2);transition:height .4s,box-shadow .4s,background-color .8s;z-index:4}header.scrolled{height:65px;background-color:#ebebff33;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);box-shadow:0 5px 5px #00000040}header .hamburger{background-color:var(--color1)}header>.name{display:flex;align-items:center;cursor:pointer}header>.name>.first{color:var(--color3);padding-right:0}header>.right{display:flex;gap:15px}header>.right>button{transition:.15s;margin:5px}header>.right>button:hover{box-shadow:0 0 5px #00000080}.nav-open{width:100vw;height:100vh;position:fixed;display:flex;z-index:5}.nav-open>.blur{background:#26262980;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);width:calc(100vw - 400px)}.nav-open>.menu{height:100%;width:400px;background-color:var(--color1);box-shadow:-5px 0 5px #00000040;z-index:6;display:flex;flex-direction:column;justify-content:space-between;padding-left:25px;padding-top:25px}.nav-open>.menu nav{margin:50px 0;display:flex;flex-direction:column;gap:25px;align-items:end}nav>.card{width:325px}nav>.card>h3{transition:.2s}nav>.card:hover>h3{padding-left:15px}nav>.break{height:5px;width:325px;background-color:var(--color2)}nav>.social-buttons{display:flex;justify-content:center;gap:15px;width:325px}nav>.social-buttons>button,nav>.social-buttons>a{padding:5px 10px;font-size:1.25em;gap:15px}nav>.social-buttons>a.linkedin{background-color:transparent;border:solid 4px var(--color2);color:var(--color2)}nav>.social-buttons>a.linkedin:hover{background-color:var(--color2);color:var(--color1)}nav>.social-buttons>button>svg>path,nav>.social-buttons>a>svg>path{transition:.2s}nav>.social-buttons>a.linkedin:hover>svg>path{fill:var(--color1)}nav>.social-buttons>button.email:hover{background-color:transparent;border:solid 4px var(--color3);color:var(--color2)}.menu>h2{background:var(--color2-gradient);opacity:.8;cursor:default;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:100px;text-align:center}@media (max-width: 750px){header{height:65px;padding:0 25px}header.scrolled{height:50px}header>.right>button{padding:0 15px}.nav-open>.menu nav{gap:15px}.nav-open>.menu{width:70vw}.nav-open>.blur{width:30vw}nav>.card{width:90%}nav>.break{width:90%}nav>.social-buttons{flex-wrap:wrap;width:90%;gap:10px}nav>.social-buttons>button,nav>.social-buttons>a.linkedin{min-width:165px;justify-content:space-between;padding:2.5px 25px}}.popout>.blur{position:fixed;top:0;left:0;width:100%;height:100%;background:#26262980;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:10}.popout>.window{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;max-width:95vw;background-color:var(--color2);min-height:300px;z-index:11;padding:25px;box-shadow:-5px 5px 5px #00000040}.popout>.window>.title{color:var(--color3);min-height:50px;font-size:2.25em;line-height:85%;overflow:hidden}.close{background:none;width:100%;color:var(--color1);justify-content:center}.close:hover{font-size:1.35em}.email-options>span{min-height:35px;font-weight:600;font-size:.9em;display:flex;align-items:center;letter-spacing:-.05em;color:var(--color3);opacity:.8;margin-top:15px;padding-left:15px}.email-options .card-2.copied,.email-options .card-2.copied:hover{background-color:var(--color3);color:var(--color2)}.email-options .card-2.copied>.copy,.email-options .card-2.copied:hover>.copy{fill:var(--color2)}.email-options .card-2.copied>.copied-toast{color:var(--color2);font-size:1.2em;font-weight:400;opacity:.9}.email-options .card-2>.copy{transition:.2s}.email-options .card-2:hover>.copy{fill:var(--color2)}.email-options>.email-choices{display:flex;gap:15px 25px;flex-wrap:wrap;margin-bottom:25px}.email-options>.email-choices>.card-2{width:calc(50% - 15px)}.email-options>.close{background:none;width:100%;color:var(--color1);justify-content:center}.email-options>.close:hover{font-size:1.35em}@media (max-width: 750px){.email-options>.card-2{font-size:.8em}}.home{display:flex;flex-direction:column;justify-content:end;align-items:end;width:100vw;justify-self:end}.home>.hero h1{max-width:800px;margin-left:25px}.home>.hero .cta-buttons{display:flex;gap:50px;justify-content:end;margin:50px 10vw;margin-top:75px}.home>.hero .cta-buttons>button{transition:.2s ease-in;margin:5px;justify-content:center}.home>.hero .cta-buttons>button:hover{box-shadow:0 0 5px #00000080}.home>.hero .cta-buttons>.contact{background-color:var(--color1)}.home>.body .intro{display:flex;gap:25px;min-height:250px;align-items:center;margin-right:25px;margin-bottom:75px}.home>.body .intro>.headshot{background-color:var(--color2);height:250px;width:250px;flex-shrink:0}.home>.body .intro>.logo{width:225px;height:225px;transition:.1s;flex-shrink:0}.home>.body .intro>.break{width:10px;height:250px;background-color:var(--color2);flex-shrink:0}.home>.body .intro>p{max-width:1200px}.home>.body .services{display:flex;flex-direction:column;align-items:center;overflow-x:visible}.home>.body .services>h2.gradient{font-family:Inter;font-style:normal;font-weight:900;font-size:4.5em;text-align:center;letter-spacing:-.05em;opacity:.9}@media (max-width: 750px){.home>.hero .cta-buttons{flex-direction:column;align-items:center;gap:10px;margin:25px 10vw;margin-top:50px;width:100%}.home>.hero .cta-buttons button{width:65vw}.home>.hero h1{max-width:350px;margin:0}.home>.body .intro{gap:15px;min-height:150px;margin-right:0;margin-bottom:50px}.home>.body .intro>.logo{width:75px;height:75px}.home>.body .intro>.break{width:5px;height:200px}.home>.body .services>h2.gradient{font-size:3em}}.service-list{position:relative;overflow:hidden;display:flex;align-items:flex-start}.service-list{display:flex;justify-content:center;align-items:center;margin-top:50px;gap:50px;width:100%}.selected-card{position:absolute;left:0;top:0;width:700px;height:100%;background:var(--color2-gradient);box-sizing:border-box;flex-shrink:0;overflow:hidden}.selected-card>.container{margin:10px 15px;max-width:80vw}.selected-card .head{display:flex;align-items:center;justify-content:space-between;margin:auto auto 25px;gap:10px}.selected-card .head svg{cursor:pointer;flex-shrink:0}.selected-card .head svg:hover{size:50px}.selected-card .head h3{color:var(--color1);font-size:1.75em;line-height:120%}.selected-card p{color:var(--color1);padding:0 5px;font-size:1.1em}.options{display:flex;flex-wrap:wrap;justify-content:center;gap:15px 25px;transform:translate(0);transition:.75s}.options.pushed{transform:translate(725px);justify-content:start}.card{display:flex;justify-content:space-between;align-items:center;cursor:pointer;width:calc(50% - 100px);box-sizing:border-box}.home>.body .services>.service-list>.options>.card>h3{font-size:.8em;line-height:90%;transition:.2s;overflow:visible}.home>.body .services>.service-list>.options>.card:hover>h3{margin-left:10px}.service-list>.options>.card:nth-child(3){margin-left:25px}.service-list>.options>.card:nth-child(5){margin-left:50px}.service-list>.options>.card:nth-child(7){margin-left:75px}@media (max-width: 1000px){.options{flex-direction:column;gap:10px}.card{width:60vw}.service-list>.options>.card:nth-child(odd){margin-left:10px}.selected-card{width:92.5%;height:100%;margin-left:2.5vw}}@media (max-width: 750px){.service-list{margin-top:25px}.card{width:85vw}.card>svg{width:15px}.home>.body .services>.service-list>.options>.card>h3{font-size:.9em}.selected-card .head h3{font-size:1.25em}.selected-card p{padding-top:5px;font-size:1em}}.hero{padding-top:75px;width:100vw;min-height:500px;background:linear-gradient(283.48deg,#ebebff 30.39%,#b8b8ff 59.8%)}.hero h1{text-align:end}.hero>.container{width:100%;min-width:85vw;max-width:1300px;padding:0 50px;justify-self:start}.hero.right{background:linear-gradient(75.82deg,#ebebff 10%,#b8b8ff)}.hero.right h1{text-align:start}.hero.right>.container{justify-self:end}.body{display:flex;justify-self:start;flex-direction:column;background-color:var(--color1);min-width:85vw;width:100%;max-width:1400px;min-height:600px;padding:75px 0 75px 50px}.body.right{justify-self:end}.lower{width:100%;min-height:125px;flex-grow:1;background:linear-gradient(265.61deg,#ebebff 34.77%,#b8b8ff 57.61%)}.lower.right{background:linear-gradient(109.64deg,#ebebff 10%,#b8b8ff)}@media (max-width: 750px){.hero>.container{display:flex;flex-direction:column;align-items:center;width:95vw;padding:15px;margin:auto}.hero{min-height:400px}.body{padding:25px}}.contact-form{display:flex;flex-wrap:wrap;width:calc(100% - 50px);max-width:1400px;gap:25px;justify-content:center;justify-self:end;margin-right:50px}.contact-form>input,.contact-form>textarea{font-family:Inter;font-style:normal;font-weight:600;font-size:1em;letter-spacing:-.05em;color:var(--color1);background-color:var(--color2);border:none;outline:none;padding:15px;border-bottom:solid 5px transparent;border-top:solid 5px transparent;transition:.2s opacity,1s border-bottom;opacity:.9}.contact-form>input:hover,.contact-form>textarea:hover{opacity:1}.contact-form>input::placeholder,.contact-form>textarea::placeholder{color:var(--color1);opacity:.5}.contact-form>input{min-height:50px;padding:0 15px;width:calc(50% - 12.5px)}.contact-form>textarea{min-height:200px;width:100%;resize:vertical}.contact-form>input:focus,.contact-form>textarea:focus{opacity:1;border-bottom:solid 5px var(--color3)}.contact-form>button{width:40%;max-width:300px;background-color:transparent;color:var(--color2);border:solid 3px var(--color2);font-weight:500;justify-content:center;opacity:.9}.contact-form>button:hover,.contact-form>button:focus{background-color:var(--color2);color:var(--color1);outline:none;opacity:1}.contact-form>.error{border-bottom:solid 5px rgb(206,0,0)}.contact-popout ul{min-height:125px;align-content:center;padding:0}.contact-popout ul>li{margin-bottom:10px;color:var(--color1);font-size:1em;font-weight:400;padding:0 15px}.contact-popout p{color:var(--color1);min-height:125px;align-content:center;font-size:1em;font-weight:400;padding:0 15px}@media (max-width: 750px){.contact-form{flex-direction:column;margin:auto}.contact-form>textarea,.contact-form>input{width:100%}.contact-form>button{width:75%;align-self:center}}.contact>.hero .cta{display:flex;gap:25px;align-items:center;justify-content:center;gap:15%;margin:100px 25px 25px}.contact>.hero .cta>button{padding:0 50px;margin:5px;gap:25px}.contact>.hero .cta>button:hover{box-shadow:0 0 5px #00000080}.contact>.hero .cta>h3{color:var(--color3)}@media (max-width: 750px){.contact>.hero{min-height:300px}.contact>.hero>.container{align-items:center}.contact>.hero>.container>h1{text-align:center}.contact>.hero .cta{flex-direction:column;gap:15px;width:90vw;margin:25px auto 15px}.contact>.hero .cta{line-height:100%;text-align:center}.contact>.hero .cta>button{width:60vw;justify-content:center}.contact>.body{padding:25px 0;min-height:500px}}.about>.hero h1{margin-bottom:50px}.about>.hero .content{display:flex;gap:50px;margin-bottom:50px;align-items:center}.about>.hero .content>.headshot{aspect-ratio:3411/3049;width:300px;background-color:var(--color3);flex-shrink:0;max-width:60vw;overflow:hidden;box-shadow:-5px 5px 5px #00000040;margin:10px}.about>.hero .content>.headshot>img{width:100%;padding:0}.about>.hero .content>.container{text-align:end;display:flex;flex-direction:column;align-items:end;gap:25px;justify-content:space-between}.about>.hero .content>.container>span{font-weight:500;font-size:1.5em;line-height:120%;letter-spacing:-.05em;color:var(--color1)}.about>.hero .content>.container>.cta-buttons{display:flex;justify-self:end;gap:50px;margin:5px 25px;padding:5px}.about>.hero .content>.container>.cta-buttons>button{height:50px}.about>.hero .content>.container>.cta-buttons>button.resume{background-color:var(--color1)}.about>.hero .content>.container>.cta-buttons>button:hover,.about>.hero .content>.container>.cta-buttons>a:hover{box-shadow:0 0 5px #00000080}.about>.body{min-height:800px;padding-top:25px;padding-left:0}.about>.body>.container>.head{padding-left:75px}.about>.body .body-content{padding-left:75px}.about>.body .head>.break{height:5px;min-width:900px;width:75%;background-color:var(--color2);position:absolute;left:-75px}.about>.body .head>nav{display:flex;gap:50px;margin-bottom:15px}.about>.body .head>nav>span{font-weight:600;font-size:1.5em;line-height:120%;letter-spacing:-.05em;color:var(--color2);height:50px;align-content:center;padding:0 50px;border-radius:25px;cursor:pointer;transition:.4s ease;border:solid 3px transparent}.about>.body .head>nav>span:hover{border:solid 3px var(--color2)}.about>.body .head>nav>span.selected{background-color:var(--color2);color:var(--color1)}.about>.body .body-content>.skills>h3{font-weight:800;font-size:1.5em;letter-spacing:-.05em;margin:50px 0 25px}.about>.body .body-content>.skills>.skill-cards{display:flex;flex-wrap:wrap;gap:15px;margin-left:25px;width:85%}.about>.body .body-content>.skills>.skill-cards>.card{width:fit-content;height:35px;cursor:default;gap:15px}.about>.body .body-content>.skills>.skill-cards>.card:hover{background:var(--color2)}.about>.body .body-content>.skills>.skill-cards>.card>img{aspect-ratio:1;height:25px;flex-shrink:0}@media (max-width: 900px){.about>.hero .content{flex-direction:column}.about>.hero .content>.container>span{text-align:center}.about>.hero .content>.container>.cta-buttons{align-self:center;gap:4vw}.about>.body{padding:15px}.about>.body .head>.break{min-width:0;width:100%;left:0}.about>.body .head>nav{display:flex;gap:15px;margin-bottom:15px;justify-content:space-around}.about>.body .head>nav>span{font-size:1em;height:35px;padding:0 15px}.about>.body .body-content>.skills>h3{font-size:1.25em;margin:25px 0 15px}.about>.body .body-content>.skills>.skill-cards{gap:10px;margin-left:15px;width:90%}.about>.body{padding-left:0}.about>.body>.container>.head{padding-left:25px}.about>.body .body-content{padding-left:25px}}@media (max-width: 750px){.about>.hero .content>.container>span{font-size:1.25em;padding:0 25px}.about>.hero .content{margin-bottom:15px}}@media (max-width: 400px){.about>.hero .content>.container>.cta-buttons{flex-direction:column;gap:15px;margin:5px}.about>.hero .content>.container>.cta-buttons>button,.about>.hero .content>.container>.cta-buttons>.link{height:35px;width:60vw;justify-content:center}}.about-card{display:flex;align-items:center;margin:50px 0;gap:25px}.about-card>img{width:100px;flex-shrink:0}.about-card>.container>.head{display:flex;align-items:center;min-height:55px;flex-wrap:wrap}.about-card>.container>.head>.title{font-weight:800;font-size:1.5em;line-height:120%;letter-spacing:-.05em}.about-card>.container>.head>.secondary{font-weight:600;font-size:1.5em;line-height:120%;letter-spacing:-.05em}.about-card>.container>.head>.date{border:solid 3px var(--color2);border-radius:100px;color:var(--color2);padding:0 25px;height:35px;font-size:1em;align-content:center;margin-left:25px}.about-card>.container>.info{display:flex;flex-direction:column;gap:7.5px;margin-top:10px}.about-card>.container>.info>p{margin:0 0 0 25px;max-width:65%}@media (max-width: 900px){.about-card>.container>.head{flex-direction:column;align-items:start;gap:2.5px}.about-card>.container>.head>.date{border-width:2px;color:var(--color2);padding:0 15px;height:25px;font-size:.9em}.about-card>.container>.info>p{max-width:100%}}@media (max-width: 750px){.about-card{display:block}.about-card>.container{display:flex;gap:15px}.about-card>.container>img{width:60px;flex-shrink:0;align-self:center}.about-card>.container>.head>.title{font-size:1.25em}.about-card>.container>.head>.secondary{font-size:1.1em}.about-card>.container>.head>.date{margin-top:5px;margin-left:15px}.about-card>.info>p{margin:10px}}.resume-options>.main-options{display:flex;flex-direction:column;align-items:center;justify-self:center;gap:15px;width:85%;margin:25px 0}.resume-options>.main-options>.card-2{width:100%;font-size:1em}@media (max-width: 400px){.resume-options>.main-options{width:100%}}.project-info{display:flex;flex-direction:column;justify-content:space-between;width:100%;margin-right:25px;min-height:800px;align-items:end}.project-info>.main{display:flex;flex-direction:column;max-width:1400px;width:100%;align-items:end}.project-info>.main>.project-title{display:flex;justify-content:end;align-items:center;width:100%;padding-left:25px}.project-info>.main>.project-title>.menu{background-color:transparent;border:solid var(--color2) 2px;min-height:30px;padding:0 15px;opacity:.75}.project-info>.main>.project-title>.menu:hover{opacity:1}.project-info>.main>.project-title>h2{min-height:100px;font-weight:900;font-size:3.5em;letter-spacing:-.05em;line-height:100%;overflow:visible;background:linear-gradient(180deg,#ebebff 40%,#9393df 95%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.9;padding:25px 5px;margin-right:175px;text-align:end}.project-info>.main>.slideshow{display:flex;justify-content:end;gap:15px;min-width:0;width:100%}.project-info>.main>.slideshow>.main-img{width:calc(100% - 175px);max-width:1000px;min-width:0;flex-shrink:1;padding:0 0 15px 15px}.project-info>.main>.slideshow>.main-img>img{display:block;width:100%;height:auto;aspect-ratio:15/9;box-shadow:-5px 5px 5px #00000040}.project-info>.main>.slideshow>.image-selector{display:flex;flex-direction:column;gap:15px;flex-shrink:0}.project-info>.main>.slideshow>.image-selector>.option{width:150px;flex-shrink:0;border-radius:15px;border:solid 3px var(--color2);aspect-ratio:15/9;overflow:hidden;cursor:pointer;opacity:.75;transition:.2s}.project-info>.main>.slideshow>.image-selector>.option:hover{opacity:1}.project-info>.main>.slideshow>.image-selector>.option>img{width:100%;height:100%}.project-info>.main>p{justify-self:end;font-weight:600;line-height:120%;text-align:right;letter-spacing:-.05em;color:var(--color2);max-width:800px;font-size:1.25em;padding:0 5px}.project-info>.bottom{display:flex;justify-content:space-between;align-items:center;width:100%}.project-info>.bottom>.selector{display:flex;border:solid 3px var(--color2);border-radius:25px}.project-info>.bottom>.selector.empty{border:none}.project-info>.bottom>.selector>button{background-color:transparent;height:30px;min-height:0;padding:0 15px;font-size:1em}.project-info>.bottom>.selector>button.active{background-color:var(--color2);color:var(--color1)}.project-info>.bottom>.links{display:flex;gap:15px;margin:15px 0}.project-info>.bottom>.links>a{background-color:var(--color2);color:var(--color1);border:solid 3px var(--color2);font-size:1em}.project-info>.bottom>.links>.site:hover{background-color:var(--color1);color:var(--color2)}.project-info>.bottom>.links>.site:hover svg path{stroke:var(--color2)}.project-info>.bottom>.links>.github{background-color:var(--color1);color:var(--color2)}.project-info>.bottom>.links>.github:hover{background-color:var(--color2);color:var(--color1)}.project-info>.bottom>.links>.github:hover>svg path{fill:var(--color1)}@media (max-width: 1000px){.project-info>.main>.project-title>h2{margin-right:0}.project-info>.main>.slideshow{flex-direction:column}.project-info>.main>.slideshow>.main-img{width:100%}.project-info>.main>.project-title>h2{font-size:2.5em}.project-info>.main>.slideshow>.image-selector{display:flex;flex-direction:row;justify-content:end}.project-info>.main>.slideshow>.image-selector>.option{width:125px}.project-info{min-height:600px}}@media (max-width: 850px){.project-info>.main>.project-title{justify-content:space-between}}@media (max-width: 500px){.project-info>.main>.slideshow>.image-selector>.option{width:22.5vw}.project-info>.main>.slideshow{gap:0}.project-info>.main>.project-title>h2{font-size:1.5em}.project-info>.main>p{font-size:.9em}}.portfolio>.hero .cta>span{display:block;margin:25px auto;justify-self:start;max-width:1200px}.portfolio>.body{padding:0}.portfolio>.body>.container{display:flex;gap:50px}.portfolio>.body .main-break{width:5px;height:500px;background-color:var(--color2);opacity:.75}.portfolio>.body .project-selector{width:250px;flex-shrink:0}.portfolio>.body .project-selector .head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:25px 15px 50px}.portfolio>.body .project-selector .head>h3{height:30px;font-weight:600;font-size:1.5em;line-height:120%;letter-spacing:-.05em;opacity:.75}.portfolio>.body .project-selector .head>.options,.portfolio>.body .project-selector .head>.back{background-color:transparent;border:solid 3px var(--color2);opacity:.75;transition:.2s;min-height:30px;width:50px;padding:0;display:flex;justify-content:center}.portfolio>.body .project-selector .head>.options:hover,.portfolio>.body .project-selector .head>.back:hover{opacity:1}.portfolio>.body .project-selector .projects,.portfolio>.body .project-selector .projects>.list{display:flex;flex-direction:column;gap:10px}.portfolio>.body .project-selector .projects>.list>h3{margin:10px 15px;align-content:center;opacity:.75}.portfolio>.body .project-selector .card{height:35px;width:250px;justify-content:end;font-weight:600;opacity:.75;transition:.2s opacity,.2s color,.2s padding}.portfolio>.body .project-selector .card.selected{opacity:1;font-weight:900;color:var(--color3);background:var(--color2-gradient)}.portfolio>.body .project-selector .card:hover{opacity:1;padding-right:20px}.portfolio>.body .project-selector .head>.exit-menu{background-color:transparent;border:solid var(--color2) 2px;padding:0 15px;opacity:.75}.portfolio>.body .project-selector .head>.exit-menu:hover{opacity:1}@media (max-width: 850px){.portfolio>.body .project-selector{width:100%}.portfolio>.body .project-selector>.container{margin:auto}.portfolio>.body .project-selector>.container>.head{justify-self:end;max-width:450px;width:80%;margin:35px 15px 35px auto}.portfolio>.body .project-selector>.container>.projects{justify-self:end;width:90%;max-width:500px;margin:50px 0 auto auto}.portfolio>.body .project-selector .card{width:100%}}@media (max-width: 750px){.portfolio>.hero .cta{margin:25px auto 0}.portfolio>.hero{min-height:250px}}