@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");.reveal{opacity:0;position:relative}.reveal.active{opacity:1}.reveal.active.fade-in{-webkit-animation:fade-in .5s ease-in;animation:fade-in .5s ease-in}.reveal.active.fade-top{-webkit-animation:fade-top .5s ease-in;animation:fade-top .5s ease-in}.reveal.active.fade-bottom{-webkit-animation:fade-bottom .5s ease-in;animation:fade-bottom .5s ease-in}.reveal.active.fade-left{-webkit-animation:fade-left .5s ease-in;animation:fade-left .5s ease-in}.reveal.active.fade-right{-webkit-animation:fade-right .5s ease-in;animation:fade-right .5s ease-in}.active-anim.fade-in{-webkit-animation:fade-in .5s ease-in;animation:fade-in .5s ease-in}.active-anim.fade-top{-webkit-animation:fade-top .5s ease-in;animation:fade-top .5s ease-in}.active-anim.fade-bottom{-webkit-animation:fade-bottom .5s ease-in;animation:fade-bottom .5s ease-in}.active-anim.fade-left{-webkit-animation:fade-left .5s ease-in;animation:fade-left .5s ease-in}.active-anim.fade-right{-webkit-animation:fade-right .5s ease-in;animation:fade-right .5s ease-in}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-top{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-top{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes fade-bottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-bottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes fade-left{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes fade-left{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes fade-right{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes fade-right{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}:root{--color-primary:24,35,52}*{box-sizing:border-box;font-family:Poppins,sans-serif;list-style:none;margin:0;padding:0;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{align-content:center;background-color:#182334;display:block;width:100%}section{border-top:2px solid #000;margin-top:3vh}section>div{margin-top:4vh}h1{font-size:60px}h2{font-size:50px}h3{font-size:40px}h4{font-size:30px}h5{font-size:20px}h6{font-size:10px}.box-content{background-image:linear-gradient(to bottom right,#182334,rgba(26,24,52,.726));border-radius:25px 25px}.box-content:hover{background-image:linear-gradient(to bottom right,rgba(26,24,52,.726),#182334);box-shadow:0 0 5px 1px rgba(26,24,52,.726)}nav{height:75px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1}nav.sticky{box-shadow:0 2px 4px 0 rgba(0,0,0,.2);height:75px}nav img{display:block;filter:brightness(0) saturate(100%) invert(100%);float:left;height:5em;padding:10px;width:5em}nav .menu{float:right;overflow:hidden}nav .menu li{display:inline-block;height:3em;line-height:3em;margin-top:12.5px;width:6em}nav .menu li a{color:#38a7f1;display:inline-block;text-align:center;transition:background-color .5s ease-out 50ms;width:100%}nav .menu li a.selected,nav .menu li a:hover{background-color:#24354f;box-shadow:0 3px 4px -2px #24354f}nav .menu-icon{cursor:pointer;display:none;float:right;padding:28px 20px}nav .menu-icon .navicon{background:#333;display:block;height:2px;position:relative;transition:background .2s ease-out;width:18px}nav .menu-icon .navicon:after,nav .menu-icon .navicon:before{background:#333;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}nav .menu-icon .navicon:after{top:-5px}nav .menu-icon .navicon:before{top:5px}nav .menu-btn{display:none}nav .menu-btn:checked~.menu{max-height:250px}nav .menu-btn:checked~.menu-icon .navicon{background:transparent}nav .menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}nav .menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}nav .menu-btn:checked~.menu-icon:not(.steps) .navicon:after,nav .menu-btn:checked~.menu-icon:not(.steps) .navicon:before{top:0}@media (max-width:814px){nav .menu{clear:both;float:none;max-height:0;position:relative;transition:max-height .3s ease-in}nav .menu li{background-color:#1a262a;float:left;height:50px;margin-top:0;width:100%}nav .menu-icon{display:block}}header{flex-direction:column}header .above{flex-direction:row;justify-content:space-between}header .above .main{flex-direction:column;width:75%}header .above .main .content{color:hsla(0,0%,100%,.6);font-family:Poppins,sans-serif;font-size:22px;font-weight:400;line-height:30px;padding-right:10%}header .above .gash{align-items:center;justify-content:center;width:25%;z-index:-1}header .above .gash .parallax{background-attachment:fixed;background-image:url(/assets/code-parallax-2.png);background-position:50%;background-repeat:repeat;background-size:content;-webkit-clip-path:polygon(78% 1%,75% 4%,71% 6%,73% 1%,69% 6%,66% 8%,61% 8%,57% 10%,61% 3%,58% 5%,54% 10%,56% 6%,48% 12%,44% 16%,41% 17%,38% 15%,36% 16%,37% 20%,33% 20%,29% 23%,29% 27%,22% 29%,15% 34%,22% 34%,26% 32%,30% 32%,25% 37%,18% 45%,13% 48%,11% 52%,15% 50%,12% 56%,16% 56%,15% 61%,12% 67%,18% 63%,23% 57%,21% 66%,15% 71%,12% 75%,7% 81%,17% 75%,25% 71%,15% 83%,22% 78%,21% 84%,27% 79%,32% 72%,33% 79%,29% 84%,26% 87%,37% 82%,42% 71%,42% 75%,41% 84%,48% 75%,49% 69%,53% 79%,55% 66%,57% 74%,61% 64%,65% 70%,64% 58%,66% 51%,71% 48%,74% 44%,79% 41%,79% 36%,81% 32%,88% 30%,91% 23%,85% 24%,81% 27%,81% 22%,88% 18%,83% 17%,89% 8%,78% 18%,76% 22%,73% 24%,72% 20%,76% 15%,77% 9%,84% 3%,76% 6%);clip-path:polygon(78% 1%,75% 4%,71% 6%,73% 1%,69% 6%,66% 8%,61% 8%,57% 10%,61% 3%,58% 5%,54% 10%,56% 6%,48% 12%,44% 16%,41% 17%,38% 15%,36% 16%,37% 20%,33% 20%,29% 23%,29% 27%,22% 29%,15% 34%,22% 34%,26% 32%,30% 32%,25% 37%,18% 45%,13% 48%,11% 52%,15% 50%,12% 56%,16% 56%,15% 61%,12% 67%,18% 63%,23% 57%,21% 66%,15% 71%,12% 75%,7% 81%,17% 75%,25% 71%,15% 83%,22% 78%,21% 84%,27% 79%,32% 72%,33% 79%,29% 84%,26% 87%,37% 82%,42% 71%,42% 75%,41% 84%,48% 75%,49% 69%,53% 79%,55% 66%,57% 74%,61% 64%,65% 70%,64% 58%,66% 51%,71% 48%,74% 44%,79% 41%,79% 36%,81% 32%,88% 30%,91% 23%,85% 24%,81% 27%,81% 22%,88% 18%,83% 17%,89% 8%,78% 18%,76% 22%,73% 24%,72% 20%,76% 15%,77% 9%,84% 3%,76% 6%);min-height:400px;min-width:400px}header .above .gash .shadow{box-shadow:inset 0 0 75px 3.5em rgba(20,72,75,.9)}header .above .gash .border,header .above .gash .shadow{-webkit-clip-path:polygon(78% 1%,75% 4%,71% 6%,73% 1%,69% 6%,66% 8%,61% 8%,57% 10%,61% 3%,58% 5%,54% 10%,56% 6%,48% 12%,44% 16%,41% 17%,38% 15%,36% 16%,37% 20%,33% 20%,29% 23%,29% 27%,22% 29%,15% 34%,22% 34%,26% 32%,30% 32%,25% 37%,18% 45%,13% 48%,11% 52%,15% 50%,12% 56%,16% 56%,15% 61%,12% 67%,18% 63%,23% 57%,21% 66%,15% 71%,12% 75%,7% 81%,17% 75%,25% 71%,15% 83%,22% 78%,21% 84%,27% 79%,32% 72%,33% 79%,29% 84%,26% 87%,37% 82%,42% 71%,42% 75%,41% 84%,48% 75%,49% 69%,53% 79%,55% 66%,57% 74%,61% 64%,65% 70%,64% 58%,66% 51%,71% 48%,74% 44%,79% 41%,79% 36%,81% 32%,88% 30%,91% 23%,85% 24%,81% 27%,81% 22%,88% 18%,83% 17%,89% 8%,78% 18%,76% 22%,73% 24%,72% 20%,76% 15%,77% 9%,84% 3%,76% 6%);clip-path:polygon(78% 1%,75% 4%,71% 6%,73% 1%,69% 6%,66% 8%,61% 8%,57% 10%,61% 3%,58% 5%,54% 10%,56% 6%,48% 12%,44% 16%,41% 17%,38% 15%,36% 16%,37% 20%,33% 20%,29% 23%,29% 27%,22% 29%,15% 34%,22% 34%,26% 32%,30% 32%,25% 37%,18% 45%,13% 48%,11% 52%,15% 50%,12% 56%,16% 56%,15% 61%,12% 67%,18% 63%,23% 57%,21% 66%,15% 71%,12% 75%,7% 81%,17% 75%,25% 71%,15% 83%,22% 78%,21% 84%,27% 79%,32% 72%,33% 79%,29% 84%,26% 87%,37% 82%,42% 71%,42% 75%,41% 84%,48% 75%,49% 69%,53% 79%,55% 66%,57% 74%,61% 64%,65% 70%,64% 58%,66% 51%,71% 48%,74% 44%,79% 41%,79% 36%,81% 32%,88% 30%,91% 23%,85% 24%,81% 27%,81% 22%,88% 18%,83% 17%,89% 8%,78% 18%,76% 22%,73% 24%,72% 20%,76% 15%,77% 9%,84% 3%,76% 6%);min-height:420px;min-width:420px;position:absolute}header .above .gash .border{-webkit-animation:beat 2s linear infinite alternate;animation:beat 2s linear infinite alternate;background-color:#182334}@-webkit-keyframes beat{0%{background-color:wheat;background-color:#182334b7}to{background-color:rgba(0,0,0,.5)}}@keyframes beat{0%{background-color:wheat;background-color:#182334b7}to{background-color:rgba(0,0,0,.5)}}header .below{flex-direction:column;margin-top:3em}.title header .below span,header .below .title,header .below .title span{color:hsla(0,0%,100%,.6);font-family:Montserrat,sans-serif;font-size:28px;font-weight:500;letter-spacing:3px;text-transform:uppercase}header .below ul li a{align-items:center;background-color:#38a7f1;border:1px solid;border-radius:25px;box-shadow:0 2px 4px 0 rgba(0,0,0,.2);color:#fff;height:64px;justify-content:center;transition:background-color .5s ease-out 50ms;width:64px}header .below ul li a:hover{background-color:#24354f;box-shadow:0 3px 4px -2px #24354f}@media (max-width:1024px){header .above{flex-direction:column}header .above .main{width:100%}header .above .gash{flex-direction:column;margin-top:3em;width:100%}header .above .gash .parallax{background-attachment:scroll;min-height:300px;min-width:300px}header .above .gash .border,header .above .gash .shadow{min-height:320px;min-width:320px}header .below{margin-top:0}}@media (min-width:413px) and (max-width:1023px){header .above h1,header .above h1 span{font-size:50px}header .above .main .content{font-size:18px}}@media (max-width:412px){header .above h1,header .above h1 span{font-size:40px}header .above .main .content{font-size:18px}}main section{flex-direction:column;margin-top:10vh;padding-top:5vh}.title main section span,main section .title,main section .title span{text-align:center}main section .subtitle{color:orange;letter-spacing:1px;text-align:center}@media (min-width:816px) and (max-width:1023px){.title main section span,main section .title,main section .title span{font-size:50px}}.features{flex:1;flex-direction:row;flex-wrap:wrap;justify-content:center}.features div{color:hsla(0,0%,100%,.6);flex-basis:0;flex-grow:1;min-height:300px;min-width:320px;padding:25px}.features div svg{fill:#a9a9a9;stroke:orange;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;display:block;height:50px;width:50px}.resume{flex-direction:column}.resume,.resume .categories{flex-wrap:wrap;justify-content:center}.resume .categories{flex-direction:row;gap:0}.resume .categories button{background-color:#182334;border:none;border-radius:10px;box-shadow:0 0 5px 1px #24354f;color:#38a7f1;flex-basis:33.3333333333%;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;height:3em}.resume .categories button.selected,.resume .categories button:hover{background-color:#24354f;box-shadow:0 0 5px 1px #24354f;transition:background-color .5s ease-out 50ms}.resume .categories_frames #resume_div_education{flex-direction:row;flex-wrap:wrap;gap:50px}.resume .categories_frames .box-content{box-shadow:10px 10px 19px rgba(26,24,52,.726),-8px -8px 19px #182334;flex-basis:0;flex-grow:1;min-width:300px;padding:25px}.resume .categories_frames .box-content .head{border-bottom:1px solid #000;color:#dcdcdc;padding-bottom:30px}.resume .categories_frames .box-content .head span{color:hsla(0,0%,100%,.6)}.resume .categories_frames .box-content p{color:hsla(0,0%,100%,.6);padding-top:20px}.resume .categories_frames .box-content:hover .head,.resume .categories_frames .box-content:hover .head.span,.resume .categories_frames .box-content:hover p{color:#fff}.resume .categories_frames>div:not(.active-anim){display:none}@media (max-width:814px){.resume .categories button{flex-basis:100%}}.flex{display:flex;gap:25px}.container{margin-left:10%;margin-right:10%}.title,.title span{color:#fff;font-family:Montserrat,sans-serif;font-size:60px;font-weight:700;letter-spacing:2px;line-height:75px}.title span{color:#008b8b}@media (min-width:413px) and (max-width:1023px){.title,.title span{line-height:60px}}@media (max-width:412px){.title,.title span{line-height:50px}}.subtitle{color:hsla(0,0%,100%,.6);font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;letter-spacing:3px;text-transform:uppercase}