.home{margin-top:60px;width:100vw;justify-self:center;background:linear-gradient(180deg,#fff 25%,#ffffff40 75%,#fff0)}.home>.content{justify-self:center;padding:25px 5vw;min-height:100vh;width:100vw;max-width:1600px}.home>.content>.title{min-height:50px;font-weight:300;font-size:2.5em;line-height:47px;color:var(--color1);padding-left:25px;margin-bottom:25px}.home .main{display:flex;flex-direction:row-reverse;justify-content:space-around;align-items:center}.home .main div>p{font-weight:400;font-size:1.2em;line-height:30px;align-items:center;color:#000;width:50vw;max-width:800px}.home .main>img{width:40vw;max-width:500px}.home>.content .learn-more{border:solid var(--color1) 2px;border-radius:5px;padding:0 15px;margin:5px 25px;display:flex;align-items:center;justify-self:start;height:30px;background-color:#3550c80d;box-shadow:0 1px 4px #00000040;cursor:pointer;transition:.2s}.home>.content .learn-more>.arrow-icon{rotate:90deg;margin-left:15px}.home>.content .learn-more:hover{scale:1.025}@media (max-width: 750px){.home .main{flex-direction:column;justify-content:center}.home>.content>h2{font-size:1.5em}.home>.content>.title{min-height:50px;font-size:1.85em;line-height:35px;padding-left:25px;margin-bottom:15px;margin-right:15px}.home .main>img{width:70vw}.home .main div>p{font-size:1em;line-height:24px;width:85vw}.home>.content .learn-more{justify-self:center;justify-content:center;width:50vw;margin:5px auto}}.about{width:100vw;justify-self:end;background:linear-gradient(180deg,#fff0 50%,#ffffff0d,#fff)}.about>.content{justify-self:end;padding:25px 5vw;padding-right:0;min-height:105vh;margin:10vh 0;width:100vw;max-width:1800px;display:flex;justify-content:space-between}.about>.content>.aside-img{height:400px;aspect-ratio:1;margin-top:100px}.about>.content>.body{text-align:start;justify-content:start;width:60vw;margin-left:5vw;color:#fff}.about>.content>.body>p{padding:5px 25px;font-family:Roboto;font-style:normal;font-weight:300;font-size:1em;line-height:19px;color:#fff;max-width:850px;width:95%}.about-nav>.content{display:flex}.about-nav>.content>.selector{display:inline-block;white-space:nowrap;width:max-content;padding:0 10px;flex:0 0 auto;opacity:.5;font-weight:700;font-size:1em;cursor:pointer;transition:.4s}.about-nav>.content>.selector:hover{opacity:.75}.about-nav>.content>.selector.selected{opacity:1;cursor:default}.about-nav>.content>.break-left{background-color:#fff;height:20px;width:25px}.about-nav>.content>.break-center{background-color:#fff;height:20px;width:2px}.about-nav>.content>.break-right{background-color:#fff;height:20px;width:100%}.about-nav>.break-bottom{background-color:#fff;height:2px;width:100%;margin-top:5px}.about .body .skills{margin-left:25px}.about .body .skills>h3{margin:15px auto 5px}.about .body .skill-cards{display:flex;gap:5px;flex-wrap:wrap;margin-right:25px}.about .body .skill-cards>.skill-card{width:75px;aspect-ratio:1;border:solid rgba(255,255,255,.75) 2px;border-radius:5px;overflow:hidden}.skill-card>img{display:block;justify-self:center;margin:5px auto auto;height:40px}.skill-card>h4{margin:0;min-height:25px;width:100%;font-weight:900;font-size:.8em;line-height:12px;align-content:center;text-align:center;color:#fff;overflow:hidden}.about .body>.education{margin-left:25px}.about .body>.education>h3{margin:10px 0 0;min-height:25px;align-content:center;padding-right:25px}.education>span{display:block;margin-left:15px;font-weight:300;font-size:.9em;min-height:25px;align-content:center;margin-bottom:25px}.education>.certifications{display:flex;flex-wrap:wrap;gap:25px}.education>.certifications>.cert-card>h4{width:225px;text-align:center;margin:0;min-height:30px;align-content:center}@media (max-width: 750px){.about>.content{display:block;padding:0}.about>.content>.body{width:100%;justify-content:center}.about>.content>.body>p{padding:0 15px;font-family:Roboto;font-style:normal;font-weight:300;font-size:1em;line-height:19px;color:#fff;max-width:850px;width:95%}.about .body .skill-cards>.skill-card{width:65px;min-height:60px;border:solid white 2px;border-radius:5px;overflow:hidden}.skill-card>img{height:30px}.skill-card>h4{margin:0;min-height:30px;width:100%;font-weight:900;font-size:.75em;line-height:12px;align-content:center;text-align:center;color:#fff;overflow:hidden}.education>.certifications{display:block}.education>.certifications>.cert-card>img{width:70vw}.education>.certifications>.cert-card>h4{width:70vw;margin-bottom:15px}}.portfolio{min-height:110vh;background:linear-gradient(180deg,#fff 25%,#ffffff80 75%,#fff0)}.portfolio>.container{justify-self:center;padding:25px 5vw;min-height:100vh;width:100vw;margin-top:10vh;max-width:1600px}.portfolio>.container>h1{color:#000}.portfolio>.container>p{color:#000;margin-left:25px;max-width:750px}.portfolio>.container>.filters{display:flex;justify-self:center;justify-content:center;border-radius:5px;border:solid var(--color1) 2px;margin:50px auto;background-color:#3550c80d;box-shadow:0 1px 4px #00000040}.portfolio>.container>.filters>span{text-align:center;align-content:center;min-width:125px;height:25px;font-weight:300;font-size:1em;color:#000;opacity:.5;cursor:pointer;transition:.2s}.portfolio>.container>.filters>span:hover{opacity:.75}.portfolio>.container>.filters>span.selected{opacity:1;font-weight:500;cursor:default}.container>.projects{display:grid;grid-template-columns:30% 30% 30%;justify-content:space-around;overflow-y:hidden}.projects>.project-card{border:solid #ffffff00 2px;border-radius:5px;transition:.5s;text-decoration:none;width:100%;margin-bottom:25px}.projects>.project-card:hover{background-color:#fff;border:solid white 2px}.projects>.project-card .image-wrapper{display:grid;text-decoration:none}.projects>.project-card .image-wrapper>.image-overlay{width:100%;height:100%;background-color:#0000001a;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);grid-row:1 / 2;grid-column:1 / 2;z-index:1;opacity:0;transition:.5s;cursor:pointer}.projects>.project-card .image-wrapper>.image-overlay>span{display:block;height:100%;align-content:center;text-align:center;font-weight:600;font-size:1.35em;color:#ffffffe6}.projects>.project-card .image-wrapper>.image-overlay:hover{opacity:1}.projects>.project-card .image-wrapper>img{border-radius:5px;aspect-ratio:3 / 2;width:100%;transition:.2s;cursor:default;grid-row:1 / 2;grid-column:1 / 2;z-index:0}.projects>.project-card:hover .image-wrapper>img{border-radius:0}.projects>.project-card>h4{margin:0;min-height:30px;align-content:center;color:#000;padding-left:5px}.projects>.project-card>.site-link{min-height:20px;font-family:Roboto;font-style:normal;font-weight:400;font-size:.9em;color:#3550c8;padding-left:15px;cursor:pointer;text-decoration:none;opacity:0;transition:.5s}.projects>.project-card:hover>.site-link{opacity:1}.background-blur{position:fixed;width:45vw;height:100vh;left:0;top:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2}.background-blur>span{display:block;text-align:center;height:100%;align-content:center;color:#fff;opacity:0;cursor:pointer;transition:.2s;font-size:1.5em;letter-spacing:4px}.background-blur>span:hover{opacity:.5}.project-moreinfo{position:fixed;right:0;top:0;width:55vw;height:100vh;background:var(--color1);z-index:3;box-shadow:0 0 10px 10px #00000080}.project-moreinfo>.head{display:flex;flex-direction:row;min-height:50px;align-items:center;justify-content:space-between;padding:0 15px}.project-moreinfo>.head>h4{font-weight:700;font-size:1.2em;color:#fff;margin:0}.project-moreinfo>.head>svg{scale:1.5;rotate:180deg;cursor:pointer}.project-moreinfo .head>.website-link{display:block;text-align:center;font-size:.9em;cursor:pointer;color:#000;text-decoration:none;transition:.2s}.project-moreinfo .head>.website-link:hover{scale:1.025}.project-moreinfo .head>.website-link>svg{scale:1.1}.project-moreinfo>video{display:none;width:100%}.project-moreinfo>.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:hidden;min-height:45vh;color:#fff;margin:auto}.project-moreinfo>p{font-weight:300;font-size:1em;line-height:19px;padding:10px 25px;margin:0}.project-moreinfo>.tools{display:flex;flex-wrap:wrap;gap:3px;padding-left:15px;position:absolute;bottom:50px}.project-moreinfo>.tools>.tool{border:solid rgba(255,255,255,.9) 2px;border-radius:5px;background-color:#0000001a;color:#fff;font-size:.85em;padding:1px 15px}@media (max-width: 750px){.portfolio>.container>.filters{margin:40px auto;justify-content:space-between}.portfolio>.container>.filters>span{min-width:100px;width:auto;font-size:.85em}.container>.projects{display:grid;grid-template-columns:48% 48%;justify-content:space-around;overflow-y:hidden;text-align:center}.project-moreinfo{width:65vw}.project-moreinfo>.tools{position:static;margin-top:15px}.project-moreinfo>p{font-size:.9em;line-height:18px;padding:5px}}@media (max-width: 900px){.project-moreinfo>.head{flex-direction:column;justify-content:center;min-height:60px}}.contact{min-height:100vh;background:linear-gradient(180deg,#0000 20%,#0009)}.contact>.container{min-height:100vh;margin-top:15vh;width:95%;justify-self:end;max-width:1000px}@media (min-width: 900px){.contact>.container{width:100%;justify-self:center}}.contact>.container>p{color:#fff;padding:15px 50px 50px}.contact>.container>p>a{text-decoration:none;color:#fff;transition:.2s}.contact>.container>p>a:hover{font-weight:600}.contact form>div{width:100%;display:flex;justify-self:start}.contact form>div>label{width:10%;height:40px;font-family:Roboto;font-style:normal;font-weight:400;font-size:1em;line-height:19px;display:flex;align-items:center;justify-content:end;text-align:right;color:#fff}.contact form>div>input,.contact form>div>textarea{width:80%;margin-left:10%;height:35px;font-family:Roboto;font-style:normal;font-weight:700;font-size:16px;line-height:19px;display:flex;align-self:center;background-color:#fff0;border:none;transition:.2s;color:var(--color1);outline:none;padding:0 0 0 25px;font-weight:400;color:#fff;border-radius:0}.contact form>div>textarea{padding-top:7.5px;min-height:100px;resize:vertical}.contact form>div>input::placeholder,.contact form>div>textarea::placeholder{color:#fff}.contact form>div>input:focus,.contact form>div>textarea:focus{background-color:#ffffffbf;color:var(--color1)}.contact form>.break{width:100%;height:2px;background-color:#fff;margin:2px 0}.contact form>.submit{display:flex;justify-content:end;margin-top:50px;width:100%}.contact form>.submit>button{height:40px;min-width:120px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;color:var(--color1);font-weight:500;font-size:1em;border-radius:0;background-color:#fff;cursor:pointer;outline:none;transition:.2s;border:none;border-bottom:solid white 2px;background-color:#fff0;color:#fff}.contact form>.submit>button:hover,.contact form>.submit>button:focus{font-size:1.1em;border:solid white 2px;background-color:#ffffff1a}@media (max-width: 750px){.contact>.container>h1{margin-left:2.5vw}.contact>.container>p{color:#fff;padding:25px;margin:0 auto}.contact form{width:100%}.contact form>div>label{width:25%;font-size:.9em;font-weight:900}.contact form>div>input,.contact form>div>textarea{font-weight:400;font-size:.9em;line-height:19px;padding-left:15px}.contact>.container{margin:auto;margin-top:15vh;width:100%}}header{display:flex;justify-content:space-between;justify-self:center;width:100vw;position:fixed;background-color:var(--color1);z-index:2;transition:.2s}header>nav{height:60px;display:flex;align-items:center;align-self:center;color:#fff;margin:0 25px}header>nav>.link{display:flex;cursor:pointer;align-items:center;text-decoration:none;margin-right:4vw;transition:.2s;opacity:.8}header>nav>.link.img{border:solid 2px white;border-radius:100%;opacity:1;transition:1.2s}header>nav>.link:hover{opacity:1}header>nav>.link.active{font-weight:900;opacity:1;cursor:default}header .link>img.headshot{height:35px;aspect-ratio:1;border-radius:100%}header>.contact-icons{display:flex;align-items:center}header>.contact-icons>a{margin-right:25px;padding:0 2.5px;transition:.1s}.contact-icons>a:hover{scale:1.1}header>.sm-headshot{height:60px;display:flex;align-items:center;align-self:center;margin:0 25px}header>.sm-headshot>img{transition:1.2s}header>.sm-options{height:60px;display:flex;align-items:center;align-self:center;margin:0 25px}header>.sm-options>span{height:60px;align-content:center}header>.sm-options>.current-page{font-weight:400;font-size:1em;padding:0 25px}header>.sm-options span>svg:hover{scale:1.05;cursor:pointer;transition:.2s}.dropdown-menu{position:fixed;height:100vh;width:60%;right:0;top:0;z-index:3;box-shadow:0 0 10px 10px #00000080;display:flex;flex-direction:column;justify-content:space-between}.dropdown-blur{position:fixed;width:100%;height:100vh;left:0;top:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2}.dropdown-menu>nav{margin:0 10px;margin-top:10vh;justify-items:center;justify-self:center;width:100%}.dropdown-menu>nav>.break{height:2px;margin:2px;width:100%}.dropdown-menu>nav>.link{display:flex;height:40px;justify-self:start;align-items:center;cursor:pointer;width:100%;opacity:.9;transition:.1s}.dropdown-menu>nav>.link.active,.dropdown-menu>nav>.link.active:hover{opacity:1;cursor:default;font-weight:900}.dropdown-menu>nav>.link:hover{font-weight:500;opacity:1}.dropdown-menu>nav>.link>svg{width:25px;margin:0 15px}.dropdown-menu>.contact-icons{display:flex;justify-content:space-between;padding:15px;transition:.1s;overflow:hidden;margin-bottom:10vh}*{box-sizing:border-box;overflow-x:hidden}:root{--color1: #3550C8}html,body{margin:0;padding:0;background-color:var(--color1);font-family:Roboto,sans-serif}h1{min-height:50px;margin:0;font-weight:900;font-size:2.5em;color:#fff;display:flex;align-items:center}h2{min-height:50px;margin:0;font-weight:900;font-size:2em;line-height:38px;display:flex;align-items:center;color:#000c}@media (max-width: 750px){h1{font-size:1.5em}p{font-size:.85em}}