@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");@font-face{font-family:"Photograph Signature";font-style:normal;font-weight:400;src:local("Photograph Signature"),url("/Photograph_signature.woff") format("woff")}*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif;scroll-behavior:smooth}::selection{color:black;background:#ffdca2}::moz-selection{color:black;background:#ffdca2}::webkit-selection{color:black;background:#ffdca2}.loader{height:100%;width:100%;z-index:1000;background:#0a0a0a;position:fixed;margin:0;padding:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;animation:hide-loader 0.2s ease-out 4s both}.loader .wrapper{height:Min(20vh, 300px);width:Min(90vw, 600px);align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden}.loader .wrapper .item{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.loader .wrapper .item h2{font-weight:400;font-size:1.5rem}.loader .wrapper .item h2 span:nth-child(1){margin-right:0.6rem}.loader .wrapper .item:nth-child(1){animation:anim1 1.5s cubic-bezier(0.19, 1, 0.22, 1) 1s both}.loader .wrapper .item:nth-child(1) h2 span{font-family:"Photograph Signature",sans-serif;font-size:4rem;font-weight:100;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-image:url("/images/flower.jpg"),linear-gradient(45deg, #ff9711, #f2f933);animation:background-image-mover linear 15s infinite}.loader .wrapper .item:nth-child(2){animation:anim1 1.5s cubic-bezier(0.19, 1, 0.22, 1) 2s both}.loader .wrapper .item:nth-child(2) h2 span{color:white}.loader .wrapper .item:nth-child(2) h2 span:first-child{font-weight:700;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-image:url("/images/flower.jpg"),linear-gradient(45deg, #ff9711, #f2f933);animation:background-image-mover linear 15s infinite}.loader .wrapper .item:nth-child(3){animation:anim1 1.5s cubic-bezier(0.19, 1, 0.22, 1) 3s both}.loader .wrapper .item:nth-child(3) h2 span{color:white}.loader .wrapper .item:nth-child(3) h2 span:last-child{font-weight:700;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-image:url("/images/flower.jpg"),linear-gradient(45deg, #ff9711, #f2f933);animation:background-image-mover linear 15s infinite}.loader .wrapper .item:nth-child(4) h2 span{font-family:"Photograph Signature",sans-serif;font-size:4rem;font-weight:100;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-image:url("/images/flower.jpg"),linear-gradient(45deg, #ff9711, #f2f933);animation:background-image-mover linear 15s infinite}@keyframes background-image-mover{0%{background-position:left}50%{background-position:right}100%{background-position:left}}@keyframes hide-loader{to{opacity:0}}@keyframes anim1{to{margin-top:calc(Min(20vh, 300px) * -1)}}nav{background-color:#000;position:sticky;top:0;-webkit-box-shadow:0px 10px 18px -7px rgba(0,0,0,0.1);-moz-box-shadow:0px 10px 18px -7px rgba(0,0,0,0.1);box-shadow:0px 10px 18px -7px rgba(0,0,0,0.1);z-index:999}nav.scrolled{background-color:#fbf9f9}nav.scrolled .navbar .brand_logo{color:#4e00d4}nav.scrolled .navbar i.menu svg{fill:#4e00d4}nav.scrolled .navbar .nav_links ul li.active a{color:#4e00d4}nav.scrolled .navbar .nav_links ul li.active a::after{background-color:#4e00d4}nav.scrolled .navbar .nav_links ul li a{color:#000}nav.scrolled .navbar .nav_links ul li a.active{color:#4e00d4}nav.scrolled .navbar .nav_links ul li a.active::after{background-color:#4e00d4}nav.scrolled .navbar .nav_links ul li a:hover{color:#4e00d4}nav .navbar{padding:1rem;display:flex;color:white;justify-content:space-between;align-items:center;margin-left:auto;margin-right:auto;height:4rem;max-width:1024px;width:calc(100% - 2rem);transform:translateY(-500%)}nav .navbar.show{animation-name:slideDown;animation-duration:200ms;animation-timing-function:ease-in;animation-fill-mode:forwards}nav .navbar.show .nav_links ul li{animation-name:slideDown;animation-duration:200ms;animation-timing-function:ease-in;animation-fill-mode:forwards}nav .navbar.show .nav_links ul li:nth-child(1){animation-delay:200ms}nav .navbar.show .nav_links ul li:nth-child(2){animation-delay:400ms}nav .navbar.show .nav_links ul li:nth-child(3){animation-delay:600ms}nav .navbar.show .nav_links ul li:nth-child(4){animation-delay:800ms}nav .navbar.show .nav_links ul li:nth-child(5){animation-delay:1000ms}nav .navbar.show .nav_links ul li:nth-child(6){animation-delay:1200ms}nav .navbar .brand_logo{font-size:1rem;font-weight:500;cursor:pointer}nav .navbar i.menu{width:2rem;height:2rem;display:none;align-items:center;justify-content:center;display:none;position:absolute;right:1rem;top:1rem}nav .navbar i.menu svg{fill:#fbf9f9}nav .navbar .nav_links ul{display:flex;justify-content:space-between;align-items:center}nav .navbar .nav_links ul li{list-style:none;transform:translateY(-500%)}nav .navbar .nav_links ul li.active a{color:#e1d0ff}nav .navbar .nav_links ul li.active a::after{content:"";position:absolute;bottom:-0.5rem;left:0;width:65%;height:3px;background-color:#e1d0ff;border-radius:2rem}nav .navbar .nav_links ul a{font-size:1rem;color:#fbf9f9;font-weight:500;text-transform:capitalize;letter-spacing:1px;text-decoration:none;position:relative;margin:auto 1rem}nav .navbar .nav_links ul a:hover{color:#e1d0ff}nav .navbar .nav_links ul a.active{color:#e1d0ff}nav .navbar .nav_links ul a.active::after{content:"";position:absolute;bottom:-0.5rem;left:0;width:65%;height:3px;background-color:#e1d0ff;border-radius:2rem}@media only screen and (max-width: 720px){nav.scrolled .navbar .nav_links.open ul{background:linear-gradient(180deg, white, #e0e0e0)}nav.scrolled .navbar .nav_links.open ul li a{color:#4e00d4 !important}nav .navbar{transform:translateY(0) !important}nav .navbar.show{animation:none}nav .navbar.show .nav_links ul li{animation:none}nav .navbar .nav_links{display:none}nav .navbar .nav_links.open{display:flex}nav .navbar .nav_links.open ul{flex-direction:column;background:linear-gradient(180deg, black, #191919);gap:1rem;position:fixed;width:100%;margin:0;left:0;top:4rem;padding-top:2rem;padding-bottom:2rem;-webkit-box-shadow:0px 10px 18px -7px rgba(0,0,0,0.1);-moz-box-shadow:0px 10px 18px -7px rgba(0,0,0,0.1);box-shadow:0px 10px 18px -7px rgba(0,0,0,0.1)}nav .navbar .nav_links.open ul li{transform:translateY(0) !important}nav .navbar .nav_links.open ul li a{color:#fbf9f9 !important}nav .navbar .nav_links.open ul li a::after{display:none !important}nav .navbar i.menu{display:block}}@keyframes slideDown{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}.btn{text-decoration:none;margin-top:1rem;color:#000;padding:1rem 2rem;background:#a36eff;border:none;border-radius:2rem;cursor:pointer;user-select:none}.btn.primary{border:3px solid #a36eff;color:#a36eff;background:transparent;position:relative;overflow:hidden;z-index:1;white-space:nowrap}.btn.primary.filled{background:#a36eff;color:#000}.btn.primary.filled span{background:#000}.btn.primary.filled:hover{color:#a36eff}.btn.primary span{position:absolute;display:block;width:0;height:0;transform:translate(-50%, -50%);border-radius:50%;background:#a36eff;transition:width 0.6s, height 0.6s;z-index:-1}.btn.primary:hover{color:#000;-webkit-box-shadow:0px 10px 20px 1px #ac7bff52;-moz-box-shadow:0px 10px 20px 1px #ac7bff52;box-shadow:0px 10px 20px 1px #ac7bff52}.btn.primary:hover span{height:500px;width:500px}:root{--animdelay: 4.25s}[data-aos-id="home_anim1"]{transition-delay:calc(var(--animdelay) + 0.1s)}[data-aos-id="home_anim2"]{transition-delay:calc(var(--animdelay) + 0.3s)}[data-aos-id="home_anim3"]{transition-delay:calc(var(--animdelay) + 0.6s)}[data-aos-id="home_anim4"]{transition-delay:calc(var(--animdelay) + 0.9s)}#home{min-height:100vh;background:#000;padding-top:3rem}#home .container{max-width:1024px;width:calc(100% - 2rem);display:grid;grid-template-columns:1fr 1fr;margin:auto}#home .container .left{margin-left:2rem;z-index:10;position:relative}#home .container .left .box{border-left:solid 4px white;padding-left:2rem}#home .container .left .box h2,#home .container .left .box p,#home .container .left .box span{color:#fbf9f9}#home .container .left .box h2,#home .container .left .box h1{font-size:3rem;color:#e1d0ff}#home .container .left .box p{border-right:0.08em solid #fff;padding-right:0.3rem;width:max-content;animation:blink-animation 1s linear 0s infinite;-webkit-animation:blink-animation 1s linear 0s infinite;min-height:2.3rem}#home .container .left .box p span{margin-top:1rem;margin-bottom:1rem;font-size:1.4rem;color:#b2b2b2}#home .container .left .social_links{color:white;display:flex;gap:2rem;align-items:center;margin-top:5rem;width:100%}#home .container .left .social_links a{text-decoration:none;display:flex;align-items:center;opacity:0.6;color:white;padding:0.4rem 1rem;border-radius:50px}#home .container .left .social_links a:hover{opacity:1;background:white}#home .container .left .social_links a:hover i{filter:invert(1)}#home .container .left .social_links a:hover span{color:#000;margin-left:0.6rem;opacity:1}#home .container .left .social_links a i{color:#fbf9f9;font-size:1.5rem;font-weight:200;cursor:pointer;align-items:center;justify-content:center;display:flex}#home .container .left .social_links a span{text-decoration:none;color:#fbf9f9;margin-left:-3rem;opacity:0;transition:all 0.3s ease-in-out}#home .container .right{position:relative}#home .container .right .avatar-bg{height:max-content}@keyframes blink-animation{0%{border-right:0.08em solid #fff}50%{border:none}100%{border-right:0.08em solid #fff}}@-webkit-keyframes blink-animation{0%{border-right:0.08em solid #fff}50%{border:none}100%{border-right:0.08em solid #fff}}@media only screen and (max-width: 720px){#home .container{grid-template-columns:1fr;margin-top:0}#home .container .left{margin-left:0}#home .container .left .social_links{margin-left:0;display:grid;grid-template-columns:repeat(auto-fit, minmax(20px, 1fr))}#home .container .left .social_links a{justify-content:center;margin:auto}}@media only screen and (min-width: 1024px){#home .container .left .box .social_links a:hover{opacity:1;background:white}#home .container .left .box .social_links a:hover i{filter:invert(1)}#home .container .left .box .social_links a:hover span{color:#000;margin-left:0.6rem;opacity:1}}#about{background:#fbf9f9}#about .box{display:grid;grid-template-columns:1fr 1fr;padding:2rem;max-width:1024px;margin-left:auto;margin-right:auto;gap:2rem}#about .box .left{display:flex;flex-direction:column;align-items:center;justify-content:center}#about .box .left p{margin-bottom:2rem;font-size:1.2rem;color:#000;text-align:justify}#about .box .left p span{color:#4e00d4;font-weight:500}#about .box .right{display:flex;flex-direction:column;align-items:center;justify-content:start;margin-left:2rem;margin-right:2rem;margin-top:2rem;margin-bottom:2rem;position:relative}#about .box .right .cont span{border-radius:1rem !important}#about .box .right img{width:100% !important;height:auto !important;max-height:500px !important;max-width:500px !important;border-radius:1rem !important;object-fit:cover !important;object-position:center !important}@media only screen and (max-width: 720px){#about .box{grid-template-columns:1fr}#about .box .left{margin-left:0;margin-right:0}#about .box .right{margin-left:0;margin-right:0;display:none}}#aboutme{background:#161617;position:relative}#aboutme .title{z-index:2;color:white}#aboutme .title::before{color:#e1d0ff;opacity:1}#aboutme .title::selection{color:black;background:#ffdca2}#aboutme .title::moz-selection{color:black;background:#ffdca2}#aboutme .title::webkit-selection{color:black;background:#ffdca2}#aboutme .box{display:grid;grid-template-columns:1fr 1fr;padding:2rem;min-height:80dvh;margin-left:auto;margin-right:auto;gap:2rem}#aboutme .box .left{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}#aboutme .box .left p{margin-bottom:2rem;font-size:1.2rem;color:#e3e3e3;text-align:justify}#aboutme .box .left p::selection{color:black;background:#ffdca2}#aboutme .box .left p::moz-selection{color:black;background:#ffdca2}#aboutme .box .left p::webkit-selection{color:black;background:#ffdca2}#aboutme .box .left p span{color:#ffdca2;font-weight:500}#aboutme .box .left p span::selection{color:black;background:#ffdca2}#aboutme .box .left p span::moz-selection{color:black;background:#ffdca2}#aboutme .box .left p span::webkit-selection{color:black;background:#ffdca2}#aboutme .box .right{display:flex;position:absolute;top:0;right:0;width:50%;height:100%;z-index:1}#aboutme .box .right .overlay{background:linear-gradient(to right, #161617 0, rgba(0,0,0,0) 100%),linear-gradient(to top, #161617 0, rgba(0,0,0,0) 40%);height:100%;width:calc(100% + 2px);z-index:2;left:-2px;position:absolute}#aboutme .box .right img{width:100% !important;height:auto !important;max-height:500px !important;max-width:500px !important;object-fit:cover !important;object-position:center !important;z-index:0}@media only screen and (max-width: 900px){#aboutme .box{grid-template-columns:1fr}#aboutme .box .left{margin-left:0;margin-right:0}#aboutme .box .right{width:100%;filter:blur(5px)}#aboutme .box .right .overlay{background:#1d1d1dd6}}#qualifications .box{display:flex;padding:2rem;max-width:1024px;margin-left:auto;margin-right:auto;width:100%;align-items:center;justify-content:center}#qualifications .box.tab_options{gap:2rem}#qualifications .box.tab_options .tab_header{display:flex;align-items:center;justify-content:center;cursor:pointer}#qualifications .box.tab_options .tab_header i{margin-right:0.3rem}#qualifications .box.tab_options .tab_header:hover,#qualifications .box.tab_options .tab_header.active{color:#4e00d4}#qualifications .box .tab{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}#qualifications .box .tab.hide{display:none}#qualifications .box .tab .tab_header{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem;font-size:1.2rem;color:#000;text-transform:uppercase;color:#000;opacity:0.6;text-align:center}#qualifications .box .tab .tab_content .history_list .history_item{display:grid;grid-template-columns:2fr 1fr 2fr}#qualifications .box .tab .tab_content .history_list .history_item .history_item_data{display:flex;flex-direction:column;padding-top:1rem;padding-bottom:1rem}#qualifications .box .tab .tab_content .history_list .history_item .history_item_data.right{text-align:left}#qualifications .box .tab .tab_content .history_list .history_item .history_item_data.right .brief{text-align:left}#qualifications .box .tab .tab_content .history_list .history_item .history_item_data.left{text-align:right}#qualifications .box .tab .tab_content .history_list .history_item .history_item_data.left .brief{justify-content:end}#qualifications .box .tab .tab_content .history_list .history_item .history_item_data .heading{font-size:1rem;color:#2e007e;text-transform:capitalize}#qualifications .box .tab .tab_content .history_list .history_item .history_item_data .subtitle{font-size:1rem;color:#4e00d4}#qualifications .box .tab .tab_content .history_list .history_item .history_item_data .brief{font-size:0.8rem;color:#000;opacity:0.6;display:flex;align-items:center}#qualifications .box .tab .tab_content .history_list .history_item .history_item_data .brief i{margin-right:0.3rem}#qualifications .box .tab .tab_content .history_list .history_item .history_item_data .brief i svg{width:1rem;height:1rem}#qualifications .box .tab .tab_content .history_list .history_item .history_graph{display:block;margin-left:auto;margin-right:auto}#qualifications .box .tab .tab_content .history_list .history_item .history_graph .history_dot{display:inline-block;width:13px;height:13px;background-color:#4e00d4;border-radius:50%;margin-top:300%}#qualifications .box .tab .tab_content .history_list .history_item .history_graph .history_line{display:block;width:3px;height:100%;background-color:#4e00d4;transform:translate(5px, -7px)}@media only screen and (max-width: 720px){#qualifications .box .tab .tab_content .history_list .history_item .history_item_data .brief i{display:none}}#skills .content{max-width:1024px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center}#contact{display:flex;flex-direction:column;background:#fbf9f9;padding-bottom:5rem}#contact .box{max-width:1024px;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:repeat(2, 1fr);margin-top:2rem;gap:2rem;width:100%}#contact .box .card{width:100%;padding:2rem;gap:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#4e00d4;background:#fff;-webkit-box-shadow:10px 10px 24px 2px rgba(0,0,0,0.08);-moz-box-shadow:10px 10px 24px 2px rgba(0,0,0,0.08);box-shadow:10px 10px 24px 2px rgba(0,0,0,0.08);transition:all 0.3s ease-in-out;border-radius:1rem}#contact .box .card:hover{transform:scale(1.1);-webkit-box-shadow:10px 10px 24px 2px rgba(0,0,0,0.28);-moz-box-shadow:10px 10px 24px 2px rgba(0,0,0,0.28);box-shadow:10px 10px 24px 2px rgba(0,0,0,0.28)}#contact .box .card:hover i{animation:bounce 2s linear 0s 1}#contact .box .card i svg{width:2rem;height:2rem}#contact .box .card span{font-weight:700;font-size:1.2rem}#contact .box .card p{font-size:1rem;color:#000;opacity:0.6}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-5px)}}@media only screen and (max-width: 720px){#contact .box{display:flex;flex-direction:column}}#footer{min-height:200px;background:#000;padding:2rem;width:100%;overflow-x:hidden}#footer .name{color:#fbf9f9;margin-left:auto;margin-right:auto;font-size:1.2rem;position:relative}#footer .name::before,#footer .name::after{content:"";position:absolute;width:100%;height:2px;background:#fbf9f9;top:50%;border-radius:2rem;opacity:0.6}#footer .name::before{left:-105%}#footer .name::after{right:-105%}#footer .social_links{display:flex;justify-content:space-between;margin-top:2rem;margin-bottom:1rem;max-width:600px;margin-left:auto;margin-right:auto;color:white}#footer .social_links a{text-decoration:none;display:flex;align-items:center;opacity:0.6;color:white;padding:0.4rem 1rem;border-radius:50px}#footer .social_links a:hover{opacity:1;background:white}#footer .social_links a:hover i{filter:invert(1)}#footer .social_links a:hover span{color:#000;margin-left:0.6rem;opacity:1}#footer .social_links a i{color:#fbf9f9;font-size:1.5rem;font-weight:200;cursor:pointer;align-items:center;justify-content:center;display:flex}#footer .social_links a span{text-decoration:none;color:#fbf9f9;margin-left:-3rem;opacity:0;transition:all 0.3s ease-in-out}#footer .credits{display:flex;justify-content:space-between;margin-top:2rem;margin-bottom:1rem;max-width:600px;margin-left:auto;margin-right:auto;color:white;opacity:0.4}section{display:flex;flex-direction:column;background:#fbf9f9;overflow:hidden}section .title{font-weight:700;color:#4e00d4;margin:0 auto;margin-top:3rem;display:flex;flex-direction:column;font-size:2rem;text-align:center}section .title::before{content:attr(placeholder);width:100%;height:auto;color:#4e00d4;font-weight:700;font-size:.8rem;margin-top:1rem;text-transform:uppercase;color:#000;opacity:0.6;text-align:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#eee}::-webkit-scrollbar-thumb{background:#e1d0ff;border-radius:5rem}::-webkit-scrollbar-thumb:hover{background:#eee}body{overflow-x:hidden}