.education-list{display:flex;flex-direction:column}.education-list .education-item{margin-bottom:20px;display:flex;padding:20px;border-radius:5px}.education-list .education-item .left{width:30%;font-size:14px}.education-list .education-item .left div{height:100%;line-height:2;vertical-align:bottom}.education-list .education-item .right{display:flex;flex-direction:column;justify-content:center}.education-list .education-item .right .grade{font-style:italic;font-size:14px;color:#b2bec0}.education-list .education-item:hover{background-color:#ffffff1a;transition:.1s ease-in}.education-list .education-item:hover .institution{font-weight:600;color:#fc9e4f;transition:all .2s ease-in-out}.education-list .education-item:hover .grade{color:#fc9e4f;font-weight:200;transition:all .2s ease-in-out}@media screen and (max-width: 1080px){.education-list .education-item{flex-direction:column;margin-bottom:10px}.education-list .education-item .left{width:auto}}.experience-item-link{text-decoration:none}.experience-item-link .experience-item{display:flex;max-width:50vw;padding:20px}.experience-item-link .experience-item .left{width:30%;font-size:14px}.experience-item-link .experience-item .left div{height:100%;line-height:2;vertical-align:bottom}.experience-item-link .experience-item .right{width:70%}.experience-item-link .experience-item .right .title svg{width:12px;height:12px;margin-left:5px}.experience-item-link .experience-item .right .role{color:#b2bec0;font-size:14px}.experience-item-link .experience-item .right .experience-description{margin-top:5px;max-width:35em;font-size:14px}.experience-item-link:hover .experience-item{color:#b2bec0;background-color:#ffffff1a;transition:.1s ease-in;border-radius:5px}.experience-item-link:hover .experience-item .title{color:#fc9e4f;transition:all .2s ease-in-out}.experience-item-link:hover .experience-item .title svg{margin-left:10px;transition:.2s ease-in-out}@media screen and (max-width: 1080px){.experience-item-link .experience-item{flex-direction:column;max-width:100%;padding-bottom:10px}.experience-item-link .experience-item .left{width:auto;margin-bottom:10px}.experience-item-link .experience-item .right{width:auto}}.skill-description{max-width:45em}.skill-description .view-more{display:flex;align-items:center;justify-content:center;width:50%;height:80px;font-size:14px;color:#b2bec0;cursor:pointer;margin-top:10px}.skill-description .view-more .more svg,.skill-description .view-more .less svg{transform:translateY(2.5px)}.skill-description .view-more:hover{color:#fc9e4f;transition:color .2s ease-in-out}.skill-description .view-more:hover .more svg{transform:translateY(5px);transition:transform .2s ease-in-out}.skill-description .view-more:hover .less svg{transform:translateY(0);transition:transform .2s ease-in-out}.skill-description .skill-main{display:flex;flex-wrap:wrap;align-items:flex-start}.skill-description .skill-main .skill-main-item{display:flex;flex-wrap:wrap;border-radius:5px;margin:5px;padding:5px;max-width:45%;flex-basis:100%;transition:background-color .1s ease-in-out}.skill-description .skill-main .skill-main-item:hover{background-color:#ffffff1a;transition:.1s ease-in}.skill-description .skill-main .skill-main-item .skill-main-left{flex:1;max-width:50px}.skill-description .skill-main .skill-main-item .skill-main-right{flex:3;display:flex;flex-direction:column;align-items:flex-start}.skill-description .skill-main .skill-main-item .skill-main-right .skill-title{font-size:14px;font-weight:700;letter-spacing:.05em}.skill-description .skill-main .skill-main-item .skill-main-right .skill-desc{font-size:12px;margin-top:0}.skill-description .skill-main .skill-logo{max-width:45px}.skill-description .skill-main .skill-logo img{width:40px;height:40px;border-radius:10%}.skill-description .skill-other .skill-category{margin:2px 2px 10px;display:flex;flex-direction:column}.skill-description .skill-other .skill-category .category-name{font-weight:200;opacity:.2;letter-spacing:.2em;margin:0 10px;z-index:-1;min-width:20%}.skill-description .skill-other .skill-category .skill-list{display:flex;justify-content:space-between;flex-wrap:wrap;flex-basis:100%}.skill-description .skill-other .skill-category .skill-list .skill-item{border:.5px solid rgba(178,190,192,.2);margin:2px;border-radius:5px;padding:10px;font-size:14px;flex:1;display:flex;justify-content:center;align-items:center}.skill-description .skill-other .skill-category .skill-list .skill-item:hover{width:100%;color:#fff;background-color:#ffffff1a;transform:translateY(-2px);transition:.1s ease-in-out;border:.5px solid transparent;border-radius:5px;box-shadow:0 2px 5px #000c}.skill-description .skill-other .skill-category:hover .category-name{opacity:.4;color:#fc9e4f;transition:all .2s ease-in-out}@media screen and (max-width: 1080px){.skill-description .skill-main{flex-direction:column}.skill-description .skill-main .skill-main-item{max-width:100%;align-items:center}.skill-description .skill-main .skill-main-item .skill-main-left,.skill-description .skill-main .skill-main-item .skill-main-right{width:100%}.skill-description .view-more{height:auto;width:100%;margin-top:0}.skill-description .skill-other{margin-top:5px;margin-bottom:25px;height:auto}.skill-description .skill-other .skill-category .skill-list .skill-item{padding:5px}.skill-description .skill-other .view-more{margin-top:20px}}.project-item-container.hidden{display:none}.project-toggle{width:100%;border:none;background-color:transparent;color:#fff;cursor:pointer}.project-toggle svg{vertical-align:middle}.project-toggle:hover{color:#fc9e4f}.project-toggle:hover svg.more{transform:translateY(-2px)}.project-toggle:hover svg.less{transform:translateY(2px)}.project-item-link{text-decoration:none;color:#fff}.project-item-link:hover{color:#fff}.project-item-link:hover .external-link-icon{margin-left:7px;opacity:1;transition:all .2s ease-in-out}.project-item-link .project-item{margin:20px;padding:20px;border-radius:5px}.project-item-link .project-item .project-title{display:flex;justify-content:space-between;align-items:center;font-size:16px;color:#fff}.project-item-link .project-item .project-title .name{font-weight:700}.project-item-link .project-item .project-title .technologies{font-size:14px;font-weight:550;color:#b2bec0}.project-item-link .project-item .project-links{margin-top:5px;font-size:14px}.project-item-link .project-item .project-links .project-link{margin-right:10px;color:#fff}.project-item-link .project-item .project-links .project-link svg{width:12px;height:12px;margin-left:0;margin-right:10px;color:#b2bec0}.project-item-link .project-item .project-links .project-link:hover{color:#fc9e4f;text-decoration:none}.project-item-link .project-item .project-links .project-link:hover svg{margin-left:3px;color:#fc9e4f;transition:all .2s ease-in-out}.project-item-link .project-item .project-description{margin-top:5px;max-width:45em;font-size:14px;color:#b2bec0;display:flex;flex-wrap:wrap}.project-item-link .project-item .project-description .project-image{flex:1;max-width:35%;object-fit:contain;height:auto;border-radius:5px;margin:10px}.project-item-link .project-item .project-description .project-description-desc{flex:3;margin-left:10px}.project-item-link .project-item .project-description .project-description-desc .project-description-text{display:block;margin-bottom:5px}.project-item-link .project-item:hover{background-color:#ffffff1a;transition:.1s ease-in;border-radius:5px}.project-item-link .project-item:hover .project-title{color:#fc9e4f;transition:all .2s ease-in-out}@media screen and (max-width: 1080px){.project-item-link .project-item{max-width:100%;margin:0 0 10px}.project-item-link .project-item .project-title{flex-direction:column;align-items:flex-start}.project-item-link .project-item .project-description{flex-direction:column;align-items:center}.project-item-link .project-item .project-description .project-image{max-width:100%;margin:10px 0}}.certifications{margin-top:10px;max-width:40em}.certifications div{display:flex;justify-content:left;align-items:center;flex-wrap:nowrap}.certifications div .certificate-icon{width:34px;height:34px;vertical-align:middle;color:#fc9e4f;flex:1}.certifications div:hover .certificate-icon{opacity:1;transition:.2s ease-in-out}.certifications .certificate-item{padding:10px;list-style:none;text-align:left;flex:10}.certifications .certificate-item .extra{font-style:italic;color:#b2bec0}.certifications .certificate-link:hover{color:#fff}.certifications .certificate-link:hover .link-icon{margin-left:7px;opacity:1;color:#fc9e4f;transition:.2s ease-in-out}@media screen and (max-width: 1080px){.certifications{max-width:100%}.certifications div{justify-content:left;align-items:left;text-align:left}.certifications .certificate-item{max-width:auto;min-height:auto;justify-content:left;margin:5px;padding:10px}.certificate-link{flex-direction:column;align-items:center}}.achievements{max-width:35em}.achievements .achievement-item{padding:10px 0 0;display:flex;align-items:center}.achievements .achievement-item:hover{color:#fff}.achievements .achievement-item a{text-decoration:none;display:flex;align-items:center}.achievements .achievement-item a:hover{color:#fff}.achievements .achievement-item .achievement-icon{width:30px;height:30px;flex-shrink:0;color:#fc9e4f;flex:1}.achievements .achievement-item .achievement-content{display:flex;padding:10px;flex:10}.achievement-item:hover svg{margin-left:7px;opacity:1;color:#fc9e4f;transition:.1s ease-in-out}.achievement-item:hover .achievement-icon{margin-left:5px}@media screen and (max-width: 798px){.achievements .achievement-item .achievement-content{margin:5px}}.contact-links{width:60%;display:flex;justify-content:space-between;padding-bottom:20px}.contact-item{padding:10px 10px 10px 0;margin-bottom:10px;display:flex;z-index:100}.contact-item svg{width:30px;height:30px}.contact-item a{color:#fff;text-decoration:none}.icon{width:30px;height:30px}.icon:hover{color:#fc9e4f}@media screen and (max-width: 1080px){.contact-links{justify-content:left;margin-left:5px;padding-bottom:0}.contact-item{margin-bottom:0;width:34px;height:34px}}.navigation{width:100%;padding:30px}.navigation a:hover{text-decoration:none;color:#fff}.navigation a div{opacity:.6;margin-left:20px}.navigation a div:before{content:"";display:inline-block;width:0;height:2px;background-color:#fff;margin-right:8px;vertical-align:middle;transition:.2s ease-in-out}.navigation a div:hover,.navigation a div.active{opacity:1;color:#fff;transition:opacity .2s ease-in-out}.navigation a div:hover:before,.navigation a div.active:before{width:18px;transition:width .2s ease-in-out}@media screen and (max-width: 798px){.toggle-button{position:fixed;background-color:transparent;border:none;color:#fc9e4f;opacity:.8;font-size:24px;top:20px;right:20px;z-index:250}.toggle-button:hover{opacity:1;transform:scale(1.1);transition:.2s ease-in-out}#nav{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;width:100vw;height:100vh;padding:0;overflow:hidden;background-color:#0003;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:200;opacity:1;visibility:visible;transform:scale(1);transition:all .2s cubic-bezier(.25,.46,.45,.94)}#nav.hidden{opacity:0;visibility:hidden;transform:scale(.95);pointer-events:none}#nav div{width:80%}#nav div.hidden{display:none;transform:translate(-100%);visibility:hidden}#nav div .contact{color:#fc9e4f}#nav div a div{text-align:center;letter-spacing:.1em;padding:10px;width:auto;margin:0 0 10px;border:0;color:#fff}#nav div a div:before{content:none}#nav div a div:hover{opacity:.6;color:#b2bec0}#nav div a div:active{opacity:1;color:#fff}}html,body{margin:0;padding:0;width:100%;overflow-x:hidden;box-sizing:border-box;background-color:#01172f;scroll-behavior:smooth}body{color:#b2bec0;font-family:Inter,sans-serif;line-height:1.5;background:#01172f;background:-moz-linear-gradient(-45deg,rgba(1,23,47,0) 0%,rgb(1,23,47) 100%),-moz-linear-gradient(left,rgb(1,23,47) 0%,rgb(3,54,73) 100%);background:-webkit-linear-gradient(-45deg,rgba(1,23,47,0) 0%,rgb(1,23,47) 100%),-webkit-linear-gradient(left,rgb(1,23,47) 0%,rgb(3,54,73) 100%);background:-o-linear-gradient(-45deg,rgba(1,23,47,0) 0%,rgb(1,23,47) 100%),-o-linear-gradient(left,rgb(1,23,47) 0%,rgb(3,54,73) 100%);background:-ms-linear-gradient(-45deg,rgba(1,23,47,0) 0%,rgb(1,23,47) 100%),-ms-linear-gradient(left,rgb(1,23,47) 0%,rgb(3,54,73) 100%);background:linear-gradient(135deg,#01172f00,#01172f),linear-gradient(to right,#01172f,#033649);background-attachment:scroll,fixed}body a{color:#b2bec0;text-decoration:none}body a:hover{color:#fc9e4f;font-weight:520}body h2{color:#fff;font-size:1.3em;font-weight:600;padding-top:20px}body h3{color:#fff;font-size:1.2em;font-weight:520;margin-top:15px;margin-bottom:5px}body .resume-container{display:flex;flex-wrap:wrap;justify-content:space-between;max-height:none;box-sizing:border-box;overflow:hidden;background:#01172f;background:-moz-linear-gradient(-45deg,rgba(1,23,47,0) 0%,rgb(1,23,47) 100%),-moz-linear-gradient(left,rgb(1,23,47) 0%,rgb(3,54,73) 100%);background:-webkit-linear-gradient(-45deg,rgba(1,23,47,0) 0%,rgb(1,23,47) 100%),-webkit-linear-gradient(left,rgb(1,23,47) 0%,rgb(3,54,73) 100%);background:-o-linear-gradient(-45deg,rgba(1,23,47,0) 0%,rgb(1,23,47) 100%),-o-linear-gradient(left,rgb(1,23,47) 0%,rgb(3,54,73) 100%);background:-ms-linear-gradient(-45deg,rgba(1,23,47,0) 0%,rgb(1,23,47) 100%),-ms-linear-gradient(left,rgb(1,23,47) 0%,rgb(3,54,73) 100%);background:linear-gradient(135deg,#01172f00,#01172f),linear-gradient(to right,#01172f,#033649);background-attachment:scroll,fixed}body .resume-container .content section{width:100%;box-sizing:border-box;margin-bottom:50px}body .resume-container section.contact{width:100%;box-sizing:border-box;margin-bottom:50px}.external-link-icon{width:12px;height:12px;margin-left:3px;opacity:.5}#root{display:flex;justify-content:center;align-items:flex-start;min-height:100vh}li{list-style-type:square}.header{position:fixed;margin-top:50px;min-height:80vh;flex:1}.header .header-content{display:flex;flex-direction:column;min-height:90vh;justify-content:space-between;padding:25px}.header .first .my-name{font-size:3.3em;color:#fff;margin:0;letter-spacing:-.04em}.header .first .my-title{font-size:1.6em;color:#b2bec0;margin-top:5px;margin-bottom:0;letter-spacing:-.01em;font-weight:540}.header .first .my-location{font-size:1em;color:#b2bec0;margin-top:5px}.header .first .my-location svg{color:#b2bec0;width:14px;height:14px;margin-top:5px;vertical-align:top}.header .second{display:flex;flex-direction:column;align-items:center;margin-top:20px}.content{margin-top:25px;padding:20px;width:100%;flex:5}.content-children{padding-left:35vw}footer em{font-style:normal;color:#fc9e4f}footer .last-updated{margin:-10px 0 0;font-weight:200;font-size:14px;opacity:.6}.achievements svg,.certifications svg{color:#b2bec0;width:12px;height:12px;opacity:.5;margin-left:5px}.scroll-animate{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.scroll-animate.fade-in{opacity:1;transform:translateY(0)}@media screen and (max-width: 798px){body{margin:0;padding:0;overflow-x:hidden}body h2{margin-bottom:10px;padding-top:0;margin-top:0}body .resume-container{padding:10px;flex-direction:column;max-height:none}body .resume-container section.contact{margin-bottom:20px}body .resume-container .content{width:100%;padding:0}body .resume-container .content section{margin-bottom:auto;padding:10px}.header{margin-top:10px;position:relative;display:block;z-index:auto;min-height:0;padding:5px}.header .header-content{padding:10px;min-height:0}.header .header-content .first .my-name{font-size:2.5em}.header .header-content .first .my-title{font-size:1.5em}.header .header-content .second{margin-top:10px}.content{margin-top:0;padding:10px;width:100%;flex:1}.content-children{padding-left:0;width:100%;max-height:none}footer{padding:0 20px}footer .last-updated{font-size:12px}}