@font-face{font-family:Roboto-Black;font-style:normal;font-weight:900;font-variant:normal;src:url(../../fonts/Roboto/Roboto-Black.ttf) format("truetype")}@font-face{font-family:Roboto-Bold;font-style:normal;font-weight:700;font-variant:normal;src:url(../../fonts/Roboto/Roboto-Bold.ttf) format("truetype")}@font-face{font-family:Roboto-Thin;font-style:normal;font-weight:100;font-variant:normal;src:url(../../fonts/Roboto/Roboto-Thin.ttf) format("truetype")}@font-face{font-family:Roboto-Light;font-style:normal;font-weight:300;font-variant:normal;src:url(../../fonts/Roboto/Roboto-Light.ttf) format("truetype")}@font-face{font-family:Roboto-Regular;font-style:normal;font-weight:400;font-variant:normal;src:url(../../fonts/Roboto/Roboto-Regular.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);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);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(255,255,255,0) 50%,white 50%);background-position:0% 0;background-size:200% auto;padding:0 .2rem;transition:background-position 1s ease-out}.highlight span{color:#fff;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%}body{background:linear-gradient(117deg,rgba(0,158,111,.2),rgba(0,0,0,.65) 70.71%),linear-gradient(336deg,rgba(0,107,75,.65),rgb(0,0,0) 70.71%),linear-gradient(127deg,rgba(0,158,111,.2),rgb(0,0,0) 70.71%);background-attachment:fixed;background-repeat:no-repeat;color:#fff;height:100%;margin:0;min-height:100%}hr{border-color:#4c4c4c;border-width:2px;margin:0 0 1.8rem}a{color:#00eba5;text-decoration:none}a img{transition:all .2s ease-in-out}a:hover img{transform:translate(10px)}.social-media a:hover img{transform:translatey(-5px)}.d-none{display:none}.d-block{display:block}.mb-md{margin-bottom:1.5rem}@media screen and (max-width: 767px){.d-sm-none{display:none!important}}@media screen and (min-width: 576px){.d-sm-block{display:block}}@media screen and (min-width: 768px){.d-md-block{display:block}.d-md-none{display:none}.me-md{margin-right:5rem}}@media screen and (min-width: 1199px){.d-md-flex{display:flex}.d-md-flex-with-wrap{display:flex;flex-wrap:wrap}}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}.intro-area{display:grid}@media only screen and (min-width: 768px){.intro-area{grid-template-columns:35% 65%}}@media only screen and (min-width: 992px){.intro-area{grid-template-columns:30% 70%}}@media only screen and (min-width: 1200px){.intro-area{grid-template-columns:25% 75%}}.intro-area{padding:0 1.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)}.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(0,235,165,0) 50%,#00eba5 50%);background-position:0% 0;background-size:200% auto;border:2px solid #00eba5;border-radius:0;padding:.8rem 1.5rem;text-align:center;text-decoration:none;transition:background-position .4s ease-out}.btn.btn-primary span{color:#00eba5;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:#000}.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: 768px){.profile-img{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{cursor:pointer;left:0;list-style:none;margin:1rem 0 1.6rem;padding:0;text-align:center}.social-media li{display:inline-block;padding-right:.6rem}.social-media li:first-child{font-size:1.3rem;display:block;margin-right:0}@media screen and (min-width: 576px){.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{display:block}.social-media li>a:hover{text-decoration:none}.social-media li>a span{vertical-align:middle}.social-media li>a img{height:1.7rem;padding-right:.3rem;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 img{height:.8rem;margin-right:.3rem;width:auto}.card{border:1px solid rgba(255,255,255,.4);border-radius:8px;margin-bottom:1.5rem}@media screen and (min-width: 768px){.card{margin-right:.5rem}}.card h2{font-size:25px;margin-bottom:.5rem}.card p{margin-top:0}.project-item{display:grid}@media only screen and (min-width: 768px){.project-item{grid-template-columns:50% 50%}}@media only screen and (min-width: 1024px){.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:10rem}}.project-item .project-item-description{padding:1.5rem}nav{padding:1.5rem}nav a.navbar-brand:hover img{transform:translate(0)}nav .navbar-brand{color:#fff;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{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 #00eba5}nav .nav-list .nav-item{font-weight:700;display:inline-block}nav .nav-list .nav-item:nth-child(2){margin-right:1.3rem}nav .nav-list .nav-item .nav-link{color:#00eba5;display:block;padding:.5rem;text-decoration:none;margin:0 .6rem}nav .nav-list .nav-item .nav-link:hover{color:#00d293}nav .nav-list .nav-item .btn.btn-primary{display:inline-block}footer{opacity:.6;padding:1rem 1.5rem}