@font-face{font-family:Roboto-Black;font-style:normal;font-weight:900;font-variant:normal;src:url(/assets/Roboto-Black-635169fa.ttf) format("truetype")}@font-face{font-family:Roboto-Bold;font-style:normal;font-weight:700;font-variant:normal;src:url(/assets/Roboto-Bold-a073f449.ttf) format("truetype")}@font-face{font-family:Roboto-Thin;font-style:normal;font-weight:100;font-variant:normal;src:url(/assets/Roboto-Thin-57d7a66a.ttf) format("truetype")}@font-face{font-family:Roboto-Light;font-style:normal;font-weight:300;font-variant:normal;src:url(/assets/Roboto-Light-4359a05d.ttf) format("truetype")}@font-face{font-family:Roboto-Regular;font-style:normal;font-weight:400;font-variant:normal;src:url(/assets/Roboto-Regular-9e79eaeb.ttf) format("truetype")}html,body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-family:Roboto-Regular,sans-serif;font-variant:normal;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}:root{font-size:1rem}:root h1,:root .h1{font-size:clamp(2rem,1.8519rem + .7407vw,2.8rem);margin-top:0}:root h2,:root .h2{font-size:clamp(1.75rem,1.6759rem + .3704vw,2rem);margin-top:0}:root h3,:root .h3{font-size:clamp(1.15rem,1.0463rem + .5185vw,1.25rem);font-weight:400;margin-top:0}:root h4,:root .h4{margin-bottom:.8rem;margin-top:0}.intro-area h1{margin-top:0}h1.hero-font{font-size:clamp(4rem,1.8519rem + .7407vw,5rem);line-height:normal;margin-bottom:1.5rem}.thin-text{font-family:Roboto-Thin,sans-serif}.light-text{font-family:Roboto-Light,sans-serif}.work-experience .job-description h4{margin-bottom:0}.work-experience .job-description p{margin-top:0}.highlight{background-image:linear-gradient(to right,rgba(0,133,133,0) 50%,rgba(0,133,133,.3) 50%);background-position:0% 0;background-size:200% auto;border-radius:3px;padding:.1rem .3rem;transition:background-position 1s ease-out}.highlight span{color:#0000004d;transition:color .7s ease-in}.show-highlight{background-position:-99.99% 0}.show-highlight span{color:#000}html{font-size:16px;height:100%;min-height:100%;scroll-behavior:smooth}body{color:#4c4c4c;height:100%;margin:0;min-height:100%;scroll-behavior:smooth}hr{border-color:#4c4c4c4d;border-width:1px;margin:0 0 1.8rem}a{color:#c44d00;text-decoration:none}a img{transition:all .2s ease-in-out}a:hover img{transform:translate(10px)}.text-center{text-align:center}.social-media a:hover img{transform:translatey(-3px)}.d-none{display:none}.d-block{display:block}.mb-md{margin-bottom:1.5rem}.lg-mb{margin-bottom:3rem}@media screen and (min-width: 576px){.d-sm-block{display:block}.d-sm-none{display:none}}@media screen and (min-width: 850px){.d-md-none{display:none}.d-md-block{display:block}.me-md{margin-right:5rem}}nav{display:grid;grid-template-columns:25px 2fr;grid-template-rows:60px}@media only screen and (min-width: 576px){nav{grid-template-columns:1fr 2fr}}main{margin:1rem 0 1.5rem;padding:0}@media only screen and (min-width: 850px){main{margin:2rem 0 1.5rem}}.intro-area{display:grid}@media only screen and (min-width: 850px){.intro-area{grid-template-columns:40% 60%}}@media only screen and (min-width: 992px){.intro-area{grid-template-columns:35% 65%}}@media only screen and (min-width: 1330px){.intro-area{grid-template-columns:25% 75%}}@media screen and (min-width: 576px) and (max-width: 849px){.contact-area{display:grid;grid-template-columns:1fr 2fr}.contact-area>div:nth-child(2){margin-left:2rem}.contact-area .text-center{text-align:left}.contact-area .social-media-list-wrapper{justify-content:flex-start}.contact-area .btn{width:fit-content}.contact-area .profile-img{margin:0;max-width:100%}}.intro-area{padding:0 1.5rem}@media only screen and (min-width: 850px){.intro-area{padding:0 2.5rem}}.skills-area-container{display:flex;flex-direction:row;flex-wrap:wrap;padding:0}@media only screen and (min-width: 768px){.skills-area-container{justify-content:flex-start}}.container-wrapper{display:flex;min-height:100vh;flex-direction:column;justify-content:space-between}.project-area{padding:0 1.5rem;min-height:calc(100vh - 235px)}@media (prefers-color-scheme: dark){body{background-color:#111;color:#fff}nav .nav-list .nav-item a.nav-link{color:#fff}ul.check-list li,.project-item-description>ul.project-tag>li>span{background-color:#00e1e1}.highlight{background-image:linear-gradient(to right,rgba(0,225,255,0) 50%,rgb(0,255,255) 50%)}.highlight span{color:#fff}.show-highlight span{color:#000}a{color:#ff7e2b}a.btn.btn-primary{background-image:linear-gradient(to right,rgba(255,126,43,0) 0 50%,#ff7e2b 50%);border:2px solid #ff7e2b}a.btn.btn-primary span{color:#ff7e2b}a.navbar-brand{filter:invert(1)}}.cta-btn{-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;background-image:linear-gradient(to right,#8847a4,#ca1ec4,#852d91,#852d91,#6253e1,#9650b4);background-size:300% 100%;border:none;border-radius:2px;box-shadow:0 1px 10px 1px #7e34a180;-moz-transition:all .4s ease-in-out;padding:.4rem 1.2rem;text-align:center;transition:all .4s ease-in-out}.cta-btn:focus,.cta-btn:hover,.cta-btn:visited{-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;background-position:100% 0;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.cta-btn a{color:#fff}.cta-btn a:hover{text-decoration:none}.btn.btn-primary{background-color:transparent;background-image:linear-gradient(to right,rgba(196,77,0,0) 0 50%,#c44d00 50%);background-position:0% 0;background-size:200% auto;border:2px solid #C44D00;border-radius:0;cursor:pointer;padding:.8rem 1.5rem;text-align:center;text-decoration:none;transition:background-position .4s ease-out}.btn.btn-primary span{color:#c44d00;font-weight:800;transition:color .3s ease-in-out}.btn.btn.btn-primary:hover,.btn.btn.btn-primary:focus{background-position:-100% 0;box-shadow:none}.btn.btn.btn-primary:hover span,.btn.btn.btn-primary:focus span{color:#fff}.cta-btn:not(:disabled):not(.disabled).active,.cta-btn:not(:disabled):not(.disabled):active{background-image:linear-gradient(to right,#8847a4,#6253e1,#852d91,#9650b4,#ca1ec4);background-position:100% 0;color:#fff}.animation-item{width:100px}.animation-item p{margin-top:.3rem;text-align:center}.container-rotation{transform:rotate(90deg)}.container-rotation-30deg{transform:rotate(30deg)}.graph-text{fill:#00eba5}.animation-graph-container{height:4.5rem;margin:auto;position:relative;text-align:center;width:4.55rem}.animation-graph-container .circle-bg{fill:none;stroke:#00eba526;stroke-width:3}.animation-graph-container .graph-circle{fill:none;stroke-linecap:initial}.animation-graph-container .circle-animation{stroke-width:3;stroke:#00eba5;animation:progress 1s ease-out forwards}@keyframes progress{0%{stroke-dasharray:0 100}}.hexagon{height:270px;overflow:hidden;transform:rotate(120deg);visibility:hidden;width:180px}.hexagon h1{color:#fff;font-family:Saira Extra Condensed,sans-serif;font-size:4rem;font-weight:100;position:absolute;text-align:center;text-shadow:1px 1px 4px rgba(182,134,203,.5);top:6.2rem;width:100%}.hex1{height:100%;overflow:hidden;transform:rotate(-60deg);width:100%}.hex2{background-color:#d2fff1;height:100%;position:relative;transform:rotate(-60deg);visibility:visible;width:100%;overflow:hidden}.profile-img{display:flex;height:auto;margin:0 auto;max-width:120px;width:100%}@media screen and (min-width: 576px){.profile-img{max-width:180px}}@media screen and (min-width: 850px){.profile-img{margin:0;max-width:200px}}.icon-text-box{text-align:center;width:120px}.icon-text-box .icon-img{height:4.3rem;width:auto}.icon-text-box p{font-family:Roboto-Light,sans-serif}.circle{background-color:#d2fff1;border-radius:50%;height:60px;width:60px}.brand-img-overlay{height:auto;left:.6rem;top:3.2rem;position:absolute;width:10rem}.social-media-list-wrapper{display:flex;justify-content:center;width:100%}@media screen and (min-width: 850px){.social-media-list-wrapper{justify-content:flex-start}}.social-media{cursor:pointer;left:0;list-style:none;margin:1rem 0 1.6rem;padding:0;text-align:center}@media screen and (min-width: 576px){.social-media{text-align:left}}.social-media li{padding-right:.6rem}@media screen and (max-width: 849px){.social-media li{margin-bottom:.6rem}}.social-media li:first-child{font-size:1.3rem;display:block;margin-right:0}@media screen and (min-width: 850px){.social-media li:first-child{display:none}}.social-media li:first-child p{margin:0 0 .6rem}.social-media li:last-child{margin-right:0}@media only screen and (min-width: 768px){.social-media li{margin-right:0}}.social-media li>a{text-decoration:underline;word-break:break-all}.social-media li>a:hover{text-decoration:none}.social-media li>a span{vertical-align:middle}.social-media li>a img{height:12px;width:auto}.d-inline-img-text{align-items:center;display:inline-flex;margin-bottom:.6rem}.d-inline-img-text *{align-items:center;display:inline-flex}.d-inline-img-text h3{margin-bottom:0;padding-left:.3rem;padding-right:.8rem}.d-inline-img-text img{height:35px;width:auto}.check-list{list-style-type:none;padding-left:0}.check-list li{background-color:#00858566;border-radius:3px;color:#000;display:inline-block;margin:0 2px 8px 0;padding:5px 10px}.check-list img{height:.8rem;margin-right:.3rem;width:auto}.project-tag{display:inline-flex;flex-wrap:wrap;list-style-type:none;margin-bottom:1.3rem;padding-left:0}.project-tag li{margin-bottom:.8rem;margin-right:.5rem}.project-tag li span{background-color:#00858566;border-radius:4px;color:#000;padding:5px 10px}.card.highlighted{background:#000000;background:linear-gradient(346deg,rgb(51,51,0) 0%,rgb(38,33,1) 11%,rgb(0,0,0) 36%,rgb(0,0,0) 96%,rgb(1,1,0) 85%);border:1px solid #FFD700}.card.highlighted .highlight-badge-wrapper{position:relative}.card.highlighted .highlight-badge-wrapper .highlight-badge{background:#FFD700;border-radius:40px;color:#000;font-weight:700;left:50%;margin-top:-16px;padding:.2rem 1rem;transform:translate(-50%);position:absolute;white-space:nowrap}.card{border:1px solid #a5a5a5;border-radius:8px;display:flex;flex-direction:column;margin:0 .8rem 2rem;padding:1.5rem}.card h2{font-size:25px;margin-bottom:.5rem}.card p{margin-top:0}.project-item{display:grid;margin:0 -.8rem}@media only screen and (min-width: 1000px){.project-item{grid-template-columns:50% 50%}}@media only screen and (min-width: 1400px){.project-item{grid-template-columns:33.3% 33.3% 33.3%}}.project-item .project-item-img{background-size:cover;background-repeat:no-repeat;background-position:center top;border-radius:6px 6px 0 0;height:15rem;width:100%}@media only screen and (min-width: 768px){.project-item .project-item-img{height:15rem}}@media only screen and (min-width: 992px){.project-item .project-item-img{height:12rem}}.project-item .card-footer{display:flex;flex-direction:column;flex-grow:1;justify-content:end;padding-bottom:1.5rem}nav .nav-list .nav-item.d-none.d-md-block{display:none}@media screen and (min-width: 850px){nav .nav-list .nav-item.d-none.d-md-block{display:inline-block}}nav{padding:1.5rem}@media only screen and (min-width: 850px){nav{padding:1.5rem 2.5rem}}nav a.navbar-brand:hover img{transform:translate(0)}nav .navbar-brand{color:#4c4c4c;display:block;text-decoration:none;width:100%}@media screen and (min-width: 576px){nav .navbar-brand{align-items:center;display:flex}}nav .navbar-brand img{filter:invert(1);width:1.7rem}@media screen and (min-width: 576px){nav .navbar-brand img{display:flex;margin-right:.5rem;width:auto}}nav .navbar-brand p{margin:.3rem}nav .nav-list{list-style-type:none;margin:0;padding-left:0;text-align:right}nav .nav-list .nav-item.active{border-bottom:2px solid #4c4c4c}nav .nav-list .nav-item.active:hover{border-bottom:2px solid #C44D00}nav .nav-list .nav-item.active:hover *{color:#c44d00}nav .nav-list .nav-item{font-weight:700;display:inline-block}@media screen and (min-width: 849px){nav .nav-list .nav-item:nth-child(2){margin-right:1rem}}nav .nav-list .nav-item .nav-link{color:#4c4c4c;display:block;padding:.5rem;text-decoration:none;margin:0 .6rem}nav .nav-list .nav-item .nav-link:hover{color:#c44d00}nav .nav-list .nav-item .btn.btn-primary{display:inline-block}footer{padding:1rem 1.5rem}