@charset "UTF-8";:root{--green: #192a56;--at-warning: #FEA116;--black: #192a56;--light-color: #666;--box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .1);--white: #fff;--border: .1rem solid rgba(0, 0, 0, .1);--bg-white: #fff;--bg-primary: #192a561f}*{font-family:Nunito,sans-serif;margin:0;padding:0;box-sizing:border-box;text-decoration:none;outline:none;border:none;transition:all .2s linear}html{overflow-x:hidden;scroll-padding-top:5.5rem;scroll-behavior:smooth}section,footer{padding:.7rem 3rem;width:100%}.btn{margin-top:1rem;display:inline-block;font-size:1.7rem;color:var(--at-warning);background:var(--black);border-radius:.5rem;cursor:pointer;padding:.8rem 3rem}.btn:hover{background:var(--at-warning);color:var(--green);letter-spacing:.1rem}.at-ps-1{padding-left:1rem}.at-ps-2{padding-left:1.5rem}figure img.loading{filter:blur(20px);transition:filter .3s ease-out}.lg-none{display:none}h2{text-align:center;align-content:center;font-size:3rem;text-transform:uppercase;margin-bottom:1rem}h2.primary{color:var(--green);border-bottom:1px solid var(--at-warning)}h2.secondary{color:var(--at-warning);border-bottom:1px solid var(--green)}header{position:fixed;top:0;left:0;right:0;background:var(--black);padding:1rem 4%;display:flex;align-items:center;justify-content:space-between;z-index:100}header .logo{color:var(--at-warning);font-size:2.5rem;font-weight:bolder}header .logo i{color:var(--at-warning);transform:rotate(0)}header .navbar a{font-size:1.5rem;border-radius:.5rem;padding:.5rem 1rem;color:var(--white)}header .navbar a.active{color:var(--at-warning);border-bottom:1px solid var(--at-warning)}header .navbar a:hover{color:var(--at-warning)}header .icons i,header .icons a{cursor:pointer;margin-left:.5rem;height:2.5rem;line-height:2.5rem;width:2.5rem;text-align:center;font-size:1.2rem;border-radius:50%;color:var(--at-warning);border:.1rem solid var(--at-warning)}header .icons i:hover,header .icons a:hover{color:#fff;background:var(--green);transform:rotate(360deg)}header .icons #menu-bars{display:none}.bg-with{background-color:var(--bg-white)}#home{background:var(--black);padding-top:5rem;padding-bottom:0;color:var(--white)}#home .at-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.5rem}#home .at-container .about{display:flex;flex-direction:column;justify-content:center;align-items:start;text-align:start}#home .at-container .about .welcome{text-transform:uppercase;font-weight:700;font-size:1.5rem}#home .at-container .about h1{font-weight:700;font-size:2.5rem}#home .at-container .about h1 span{color:var(--at-warning)}#home .at-container .about p{margin-top:.5rem;font-size:1.4rem}#home .at-container .about .icons{padding-top:3rem;display:inline-flex;flex-wrap:wrap;gap:25px}#home .at-container .about .icons a{color:var(--at-warning);border:.1rem solid var(--at-warning);border-radius:100%;padding:.8rem;transition:transform .3s ease,color .3s ease}#home .at-container .about .icons a:hover{transform:rotate(360deg)}#home .at-container .about .icons a:nth-child(1){animation:lightUp .5s forwards ease 1s}#home .at-container .about .icons a:nth-child(2){animation:lightUp .5s forwards ease 2s}#home .at-container .about .icons a:nth-child(3){animation:lightUp .5s forwards ease 3s}#home .at-container .about .icons a:nth-child(4){animation:lightUp .5s forwards ease 4s}#home .at-container .about .icons a:nth-child(5){animation:lightUp .5s forwards ease 5s}#home .at-container .about .icons a:nth-child(6){animation:lightUp .5s forwards ease 6s}#home .at-container .about .icons a:nth-child(7){animation:lightUp .5s forwards ease 7s}#home .at-container .img{align-items:end;text-align:end;position:relative}#home .at-container .img img{width:70%;height:100%}#home .at-container .img .icons a{position:absolute;color:var(--at-warning);border:.1rem solid var(--at-warning);border-radius:100%;padding:.8rem;transition:transform .3s ease}#home .at-container .img .icons a:hover{transform:rotate(360deg)}#home .at-container .img .icons a:nth-child(1){left:4%;top:65%}#home .at-container .img .icons a:nth-child(2){left:12%;top:40%}#home .at-container .img .icons a:nth-child(3){left:22%;top:18%}#home .at-container .img .icons a:nth-child(4){left:44%;top:-6%}#home .at-container .img .icons a:nth-child(5){left:72%;top:16%}#home .at-container .img .icons a:nth-child(6){left:82%;top:40%}#home .at-container .img .icons a:nth-child(7){left:89%;top:65%}.aboutme{margin-bottom:1rem}.aboutme .at-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.5rem}.aboutme .at-container .box h4{font-size:2rem}.aboutme .at-container .box p{margin:1rem 0;font-size:1.3rem;font-style:italic}.aboutme .at-container .box table{font-size:1.3rem}.aboutme .at-container .box table th{text-align:start}.aboutme .at-container .box table td{padding-left:1rem;padding-block:.5rem}.aboutme .at-container .box img{width:70%;height:100%}.skills-section{background-color:var(--bg-primary);width:100%;padding-inline:0;padding-bottom:5rem}.skills-section h2{text-align:center;align-content:center;color:var(--at-warning);font-size:3rem;text-transform:uppercase;border-bottom:1px solid var(--green);margin-bottom:1rem}.skills-section .categories-bar{display:grid;grid-auto-flow:column;overflow-x:auto;margin-bottom:1rem}.skills-section .categories-bar .category{padding:10px;border:1px solid var(--at-warning);border-radius:1rem;cursor:pointer;margin-inline:1rem;min-width:10rem}.skills-section .categories-bar .category:nth-child(1){margin-left:3rem}.skills-section .categories-bar .category span{padding-left:.5rem}.skills-section .categories-bar .category.active{font-weight:700;background:var(--at-warning);color:var(--green)}.skills-section .skills-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1.5rem;align-items:center;justify-content:center}@media screen and (min-width: 1024px){.skills-section .skills-body{grid-template-columns:repeat(4,1fr)}}.skills-section .skills-body .skill-card{background-color:#fff;padding:1rem;height:12rem;aspect-ratio:1/1;border-radius:8px;position:relative;display:flex;flex-direction:column;text-align:center;justify-content:space-around;margin-inline:auto}.skills-section .skills-body .skill-card i{font-size:5rem;color:var(--at-warning);text-align:center}.skills-section .skills-body .skill-card:before,.skills-section .skills-body .skill-card:after{content:"";position:absolute;bottom:0;left:0;height:4px;border-radius:0 0 16px 16px}.skills-section .skills-body .skill-card:before{background-color:var(--green);width:100%}.skills-section .skills-body .skill-card:after{background-color:var(--at-warning);width:0}.skills-section .skills-body .skill-card.animating:after{animation:progressAnimation 1.5s ease forwards}.experience-section{background-color:var(--bg-primary)}.gallery{background-color:var(--background);text-align:center;padding-bottom:2rem}.gallery .ola-gallery{width:90%;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.gallery .ola-gallery img{width:100%;height:100%;object-fit:cover;border-radius:1rem;cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:transform .4s ease}.gallery .ola-gallery img:hover{transform:scale(.95)}@media (max-width: 600px){.gallery .ola-gallery{width:100%;grid-template-columns:repeat(2,1fr)}.gallery .ola-gallery.at-home img:nth-child(n+7){display:none}}.gallery .image-wrapper{position:fixed;inset:0;background:#192a5699;display:none;justify-content:center;align-items:center;z-index:999}.gallery .image-wrapper img{width:90%;max-width:600px;border-radius:1rem;box-shadow:0 8px 24px #ffffff1a}.gallery .image-wrapper #fullImgCloser{position:absolute;top:1.5rem;right:2rem;font-size:2.5rem;color:#fff;font-weight:700;cursor:pointer;transition:transform .3s ease}.gallery .image-wrapper #fullImgCloser:hover{transform:scale(1.2)}.career-section{background-color:#192a561f;padding-bottom:6rem}.career-section .description{text-align:center;font-style:italic}.career-section .at-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,.5fr));gap:1.5rem;justify-content:center;align-items:center}.career-section .stage{position:relative;height:14rem;-webkit-perspective:98rem;-webkit-perspective-origin:50% -18rem;margin:4.6667rem auto 0}.career-section .badge{justify-content:center;align-items:center}.career-section .badge a{display:flex;margin-right:1rem;align-items:center;color:var(--green)}.career-section .badge a h3{margin-left:8px}.career-section .badge a img.logo{width:50px;height:50px;border-radius:50%}.career-section .badge a img.withtitle{height:50px}.career-section .badge a .flex-end{margin-left:auto}.career-section .badge h4{font-size:1.3rem;margin-block:.5rem}.career-section .badge .details{list-style:none;padding:0;margin:1rem 0;color:#1e2a38;font-size:1rem;line-height:1.6}.career-section .badge .details li{position:relative;padding-left:1.5rem;margin-bottom:.5rem}.career-section .badge .details li:before{content:"\2022";position:absolute;left:0;color:var(--at-warning);font-weight:700}.career-section .badge .footer{margin-top:1rem;margin-right:1rem;text-align:end;font-style:italic;font-size:.9rem;color:var(--at-warning, #f39c12)}.blogs{background-color:var(--bg-white);padding-bottom:2rem;overflow-x:hidden;position:relative}.blogs .cl-primary{color:var(--green)}.blogs .cl-secondary{color:var(--at-warning)}.blogs .box-container .box{border:.1rem solid rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:space-between}.blogs .box-container .box:hover .image img{transform:scale(1.2)}.blogs .box-container .box .image{height:15rem;width:100%;overflow:hidden}.blogs .box-container .box .image img{height:100%;width:100%;object-fit:cover}.blogs .box-container .box .content{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:2rem 1.5rem}.blogs .box-container .box .content .icons{border-bottom:.1rem solid rgba(0,0,0,.1);padding-bottom:.7rem;margin-bottom:.7rem;display:flex;align-items:center;justify-content:space-between}.blogs .box-container .box .content h3{font-size:1.4rem;font-weight:600;color:#1f1f1f;margin-bottom:.75rem;line-height:1.4}.blogs .box-container .box .content p{font-size:1.05rem;color:#555;line-height:1.6;margin-bottom:1rem;flex-grow:1}.blogs .box-container .box .content .blog-footer{margin-top:auto;padding-top:.5rem;display:flex;justify-content:space-between;align-items:center;border-top:.1rem solid rgba(0,0,0,.1)}.blogs .box-container .box .content .blog-footer .footer-icons a{font-size:1.5rem;color:#666}.blogs .box-container .box .content .blog-footer .footer-icons a i{color:var(--green);margin-inline:1rem}.blogs .box-container .box .content .blog-footer .footer-icons a i:hover{color:var(--at-warning);margin-inline:1.5rem}.blogs .btn.readmore{font-size:1.5rem;margin:0;padding-inline:1rem;padding-block:.5rem}.blogs .btn.readmore:hover{letter-spacing:normal}footer{background:var(--green);padding-top:2rem;padding-bottom:3rem;text-align:center;color:var(--at-warning);font-size:1.5rem}@keyframes lightUp{0%{color:var(--at-warning);border-color:var(--at-warning)}to{color:var(--white);border-color:var(--white);transform:rotate(360deg)}}@keyframes progressAnimation{0%{width:0%}to{width:calc(var(--progress) * 1%)}}@keyframes fillProgress{0%{width:0%}to{width:var(--progress)}}.education-section{position:relative;overflow:hidden;padding-bottom:5rem}.education-section ul{--col-gap: 2rem;--row-gap: 2rem;--line-w: .25rem;display:grid;grid-template-columns:var(--line-w) 1fr;grid-auto-columns:max-content;column-gap:var(--col-gap);list-style:none;width:min(60rem,90%);margin-inline:auto}.education-section ul:before{content:"";grid-column:1;grid-row:1/span 20;background:#e1e1e1;border-radius:calc(var(--line-w) / 2)}.education-section ul li{grid-column:2;grid-row:span 2;--inlineP: 1.5rem;margin-inline:calc(var(--inlineP) / 2);display:grid;grid-template-rows:min-content min-content min-content}.education-section ul li:not(:last-child){margin-bottom:var(--row-gap)}.education-section ul li .date{--dateH: 3rem;height:var(--dateH);margin-inline:calc(var(--inlineP) / -2);text-align:center;background-color:var(--accent-color);color:#fff;font-size:1.25rem;font-weight:700;display:grid;place-content:center;position:relative;border-radius:calc(var(--dateH) / 2) 0 0 calc(var(--dateH) / 2)}.education-section ul li .date:before{content:"";width:var(--inlineP);aspect-ratio:1;background:var(--accent-color);background-image:linear-gradient(rgba(0,0,0,.2) 100%,transparent);position:absolute;top:100%;clip-path:polygon(0 0,100% 0,0 100%);right:0}.education-section ul li .date:after{content:"";position:absolute;width:2rem;aspect-ratio:1;background:var(--bgColor);border:.3rem solid var(--accent-color);border-radius:50%;top:50%;transform:translate(50%,-50%);right:calc(100% + var(--col-gap) + var(--line-w) / 2)}.education-section ul li .title,.education-section ul li .descr{background:var(--bgColor);position:relative;padding-inline:1.5rem}.education-section ul li .title:before,.education-section ul li .descr:before{content:"";position:absolute;width:90%;height:.5rem;background:#00000080;left:50%;border-radius:50%;filter:blur(4px);transform:translate(-50%,50%)}.education-section ul li .title{overflow:hidden;padding-block-start:1.5rem;font-weight:500}.education-section ul li .title:before{bottom:calc(100% + .125rem)}.education-section ul li .descr{padding-block-end:1.5rem;font-weight:300}.education-section ul li .descr:before{z-index:-1;bottom:.25rem}.education-section ul li .at-mb-2{margin-bottom:.5rem;display:flex;align-content:center}.education-section ul li div span{padding-left:1rem;padding-right:.5rem}.education-section ul li div i{color:#fff;background:var(--accent-color);border-radius:100%;font-size:.8rem;padding:.5rem;aspect-ratio:1/1;margin-right:.1rem}@media (min-width: 40rem){.education-section ul{grid-template-columns:1fr var(--line-w) 1fr}.education-section ul:before{grid-column:2}.education-section ul li:nth-child(odd){grid-column:1}.education-section ul li:nth-child(odd) .date{border-radius:0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0}.education-section ul li:nth-child(odd) .date:before{clip-path:polygon(0 0,100% 0,100% 100%);left:0}.education-section ul li:nth-child(odd) .date:after{transform:translate(-50%,-50%);left:calc(100% + var(--col-gap) + var(--line-w) / 2)}.education-section ul li:nth-child(2n){grid-column:3}.education-section ul li:nth-child(2){grid-row:2/4}}.education-section .credits{margin-top:1rem;text-align:right}.education-section .credits a{color:var(--color)}.experience-section{background-color:#192a561f;padding-bottom:7rem}.experience-section .description{text-align:center;font-style:italic}.experience-section .at-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,.5fr));gap:1.5rem;justify-content:center;align-items:center}.experience-section .at-container .front div{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding-inline:.5rem;padding-bottom:1rem}.experience-section .at-container .front .btn{margin-inline:1rem;padding:0 1rem;background:var(--white);color:var(--green)}.experience-section .stage{position:relative;width:14rem;height:14rem;-webkit-perspective:98rem;-webkit-perspective-origin:50% -18rem;margin-top:4.6666666667rem;margin-inline:auto}.experience-section .stage:after{content:"";position:absolute;bottom:-1rem;width:100%;height:1rem;background:#00000026;filter:blur(4px);border-radius:50%;z-index:-1}.experience-section figure{display:block;position:absolute;width:14rem;height:14rem;background:teal;-webkit-transform:rotateY(45deg) translateZ(-4.6666666667rem) rotateX(10deg);text-align:center;-webkit-transform-origin:50% 50% 0}.experience-section figure img{width:100%;height:100%;background:#fff}.experience-section figure div{margin-top:auto;margin-bottom:auto;color:var(--stage-cl)}.experience-section figure div h4{padding-top:1rem;padding-bottom:.5rem;font-size:1.5rem}.experience-section .back{background:transparent;-webkit-transform:rotateY(180deg) translateZ(7rem)}.experience-section .front{background:var(--stage-bg);color:var(--stage-cl);-webkit-transform:translateZ(7rem)}.experience-section .top{-webkit-transform:rotateX(90deg) translateZ(7rem)}.experience-section .bottom{-webkit-transform:rotateX(-90deg) translateZ(7rem)}.experience-section .left{-webkit-transform:rotateY(-90deg) translateZ(7rem)}.experience-section .right{-webkit-transform:rotateY(90deg) translateZ(7rem)}.experience-section .cube{width:100%;height:100%;-webkit-transform-style:preserve-3d;-webkit-transform:rotateY(350deg);transform-origin:center center;animation-play-state:paused}.experience-section .cube.rotating{animation-play-state:running}@keyframes rotateYForward{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes rotateYBackward{0%{transform:rotateY(360deg)}to{transform:rotateY(0)}}@keyframes rotateXForward{0%{transform:rotateX(0)}to{transform:rotateX(360deg)}}@keyframes rotateXBackward{0%{transform:rotateX(360deg)}to{transform:rotateX(0)}}@media screen and (min-width: 1024px){.skills-body{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 991px){#home{padding-top:8rem}#home .at-container .img{align-items:center;text-align:center}#home .at-container .about h1{font-size:2rem;padding-top:1.5rem;padding-bottom:.5rem}header{padding:1rem 2rem}header .icons #menu-bars{display:inline-block}header .navbar{position:absolute;top:100%;left:0;right:0;border-top:.1rem solid rgba(0,0,0,.2);border-bottom:.1rem solid rgba(0,0,0,.2);padding:1rem;background:var(--green);clip-path:polygon(0 0,100% 0,100% 0,0 0)}header .navbar.active{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}header .navbar.active a{opacity:1;transform:translateY(0)}header .navbar a{opacity:0;transform:translateY(-20px);display:block;padding:1.5rem;margin:1rem;font-size:2rem;color:var(--white);transition:opacity .1s ease,transform .1s ease}header .navbar a:nth-child(1){transition-delay:.1s}header .navbar a:nth-child(2){transition-delay:.2s}header .navbar a:nth-child(3){transition-delay:.3s}header .navbar a:nth-child(4){transition-delay:.4s}header .navbar a:nth-child(5){transition-delay:.5s}header .navbar a:nth-child(6){transition-delay:.6s}header .navbar a:nth-child(7){transition-delay:.7s}header .navbar a:nth-child(8){transition-delay:.8s}header .navbar a.active,header .navbar a:hover{color:var(--at-warning)}.sm-display{display:block!important}.sm-none{display:none!important}.skills-body{gap:1rem;margin-inline:1.5rem;grid-template-columns:unset}.career-section{padding-inline:2rem}.career-section .at-container{grid-template-columns:repeat(auto-fit,minmax(22rem,1fr))}.mhide{display:none}.aboutme .at-container .box h4{font-size:1.7rem}.blogs .btn.readmore:hover{letter-spacing:.1rem}.blogs .footer-icons a i{margin-inline:.5rem}.blogs .footer-icons a i:hover{margin-inline:1rem}section,footer{padding:2rem}}@media (max-width: 450px){html{font-size:80%}header{padding:1rem 2rem}}