html{scroll-behavior:smooth}.header{border-bottom:1px solid;width:100%;position:fixed;top:0;left:50%;transform:translate(-50%);max-width:1000px;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#100d1ead}.header:before{content:"";width:100%;height:99%;position:absolute;z-index:-1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.navbar{display:flex;justify-content:space-between;padding:0 15px;font-size:20px}.navbar p i{transition:all .3s ease-out}.navbar p:hover i{scale:1.1;transform:rotate(-20deg)}.menu{display:flex;gap:20px;list-style:none}.menu a{padding:5px 10px;border-radius:5px;text-decoration:none;color:#fff}.menu a:hover{cursor:pointer;background-color:#7a797966}#dropdown-menu,.mobile-menu{display:none}@media (max-width: 625px){.menu{display:none}.menu-container{align-self:center;position:relative}#dropdown-menu{display:block;cursor:pointer}.mobile-menu{display:none;position:absolute;right:0;background-color:#7a7979;text-align:center}.mobile-menu a{display:inline-block;padding:10px;color:#fff;width:120px;text-decoration:none}.mobile-menu a:hover{background-color:#a9a9a9}}.card{width:auto;display:flex;flex-direction:column;background-color:#1a1d35;border-radius:5px;overflow:hidden;border:1px solid rgba(42 92 204 / 15%)}.card-header{height:150px}.card-header img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;will-change:transform}.card-header img:hover{transform:scale(1.1)}.card-content{flex-grow:1;padding:10px}.card-content h3{font-size:20px;text-align:center}.card-footer{display:flex;justify-content:space-around;padding:10px}.card-footer a{color:#fff}.btn-card{padding:5px 10px;border-radius:5px;text-decoration:none}.btn-card:hover{background-color:#7a797966}form{display:flex;flex-direction:column;gap:20px}input,label,textarea{color:#fff!important}input[type=submit]{align-self:center;color:#000!important;cursor:pointer;background-color:#6370e2;border:none;padding:10px 30px;font-size:16px;font-family:Poppins;border-radius:5px;-webkit-appearance:none;font-weight:400}input[type=submit]:hover{box-shadow:8px 11px 97px -6px #000063;background-color:#6f7dfa}.hero-section{padding:0 50px;margin-top:71px;display:flex}.hero-section article{flex-basis:50%}.hero-section article:first-child h3{font-size:30px;margin-bottom:15px}.hero-section article p{font-size:18px;width:400px}.hero-section article p span{font-weight:700}.hero-section article .socials{display:flex;list-style-type:none;gap:20px;padding:0}.hero-section article .socials li a i{font-size:28px;color:#fff}.hero-section article .socials li a i:hover{color:#b9b9b9}.hero-section article p:first-of-type span{font-size:20px;background:linear-gradient(to right,#5762c6,#6370e2,#6f7dfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-section article:nth-child(2) span{font-weight:700;font-size:40px;background:linear-gradient(to right,#5762c6,#6370e2,#6f7dfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-section article:nth-child(2) h3{text-align:center}.hero-section article:nth-child(2) div{text-align:center}.hero-section article:nth-child(2){align-self:center}.hero-section article:nth-child(2) h3{font-size:30px;margin-bottom:15px}.btn{background-color:#6370e2;border:none;padding:10px;font-size:20px;font-family:Poppins;cursor:pointer;border-radius:5px;color:#000;text-decoration:none;margin-top:15px;display:inline-block;visibility:hidden;animation-name:btn-animation;animation-duration:1.5s;animation-timing-function:ease;animation-delay:.5s;animation-fill-mode:forwards}.btn:hover{box-shadow:8px 11px 97px -6px #000063;background-color:#6f7dfa}.socials li{animation-name:socials-animation;animation-duration:1.5s;animation-timing-function:ease}.socials li:nth-of-type(2){animation-delay:.1s}.hero-section article:nth-of-type(1) h3,.hero-section article p{animation-name:text-animation;animation-duration:1.5s;animation-timing-function:ease}.hero-section article:nth-of-type(2) h3,.hero-section article:nth-of-type(2) div{animation-name:stack-animation;animation-duration:1.5s;animation-timing-function:ease}.education-section{display:flex;margin-top:70px;align-items:center}.education-section article{flex-basis:50%}.education-section article:nth-of-type(2){padding-left:40px}.education-section article:nth-child(2) h3{margin-bottom:0}.education-section article:nth-child(2) p:nth-of-type(1){margin-top:5px;color:#7a7979}.education-section article:nth-child(1){position:relative;display:flex;justify-content:center;animation-name:certificates-animation;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}.education-section article:nth-of-type(1) div{animation-name:certificate-animation;animation-duration:.5s;animation-timing-function:ease-out;visibility:hidden;animation-fill-mode:forwards}.education-section article:nth-of-type(1) div:nth-of-type(1){animation-delay:1s}.education-section article:nth-of-type(1) div:nth-of-type(2){animation-delay:.5s}.education-section article:nth-of-type(2) h3,.education-section article:nth-of-type(2) p{animation-name:university-info-animation;animation-duration:1.5s;animation-timing-function:ease}.education-section article:nth-child(1) div{width:200px;height:250px}.education-section article:nth-child(1) div img{width:100%;height:100%;filter:grayscale(30%) blur(1px);border-radius:5px;border:2px solid white;transition:transform .2s linear}.education-section article:nth-child(1) div img:hover{cursor:pointer;filter:none;transform:scale(1.05)}.education-section article:nth-child(1) div:nth-of-type(2){scale:1.1;position:relative;z-index:1}.education-section article:nth-child(2) h3{font-size:30px}.education-section article:nth-child(2) p{font-size:18px}.education-section article:nth-child(2) p:nth-of-type(2){width:90%}.projects-section{margin-top:70px}.projects-section .section-title,.contact-us-section .section-title{text-align:center;font-size:30px;margin-bottom:10px}.projects-section .title-underline,.contact-us-section .title-underline{width:60px;height:3px;background-color:#6370e2;margin:0 auto 30px}.contact-us-section .title-underline{height:3px}.projects-section article{display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.card{visibility:hidden}.play-project-animation{animation-name:project-animation;animation-duration:1s;animation-timing-function:linear;animation-fill-mode:forwards}.contact-us-section{margin-top:70px;padding:10px}.contact-us-section article{padding:10px;width:70%;margin:0 auto;background-color:#1a1d35;border-radius:5px}@media (max-width: 800px){.hero-section{gap:60px}.hero-section article:first-child{text-align:center;margin:0 auto}.hero-section article .socials{justify-content:center}.hero-section{flex-direction:column}}@keyframes text-animation{0%{opacity:0;transform:translate(-20px);filter:blur(1px)}to{opacity:1;transform:translate(0)}}@keyframes stack-animation{0%{opacity:0;transform:translate(20px);filter:blur(1px)}to{opacity:1;transform:translate(0)}}@keyframes socials-animation{0%{filter:blur(1px);opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes btn-animation{0%{filter:blur(1px);opacity:0;transform:translateY(20px)}to{visibility:visible;opacity:1;transform:translateY(0)}}@keyframes university-info-animation{0%{opacity:0;transform:translate(20px);filter:blur(1px)}to{opacity:1;transform:translate(0)}}@keyframes certificate-animation{0%{opacity:0;transform:translate(-20px)}to{visibility:visible;opacity:1;transform:translate(0)}}@keyframes certificates-animation{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes project-animation{0%{visibility:visible;opacity:0;transform:translateY(20px)}to{visibility:visible;opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.education-section{flex-direction:column}.education-section article:nth-child(2){text-align:center;margin-bottom:25px;padding:0}.education-section article:nth-child(2) p:nth-of-type(2){width:80%;margin:0 auto}}@media (max-width: 1100px){.projects-section article{grid-template-columns:repeat(3,1fr)}.education-section article:nth-of-type(2) h3,.education-section article:nth-of-type(2) p{width:90%;margin:0 auto}.education-section article:nth-of-type(2) h3{margin-top:20px}.education-section article:nth-of-type(2) p:nth-of-type(1){margin-bottom:15px}}@media (max-width: 850px){.projects-section article{grid-template-columns:repeat(2,1fr)}}@media (max-width: 650px){.education-section article:nth-child(1) div{width:150px;height:200px}}@media (max-width: 520px){.hero-section article p{width:100%}}@media (max-width: 500px){.projects-section article{justify-content:center;grid-template-columns:repeat(1,300px)}.education-section article:nth-child(1) div{width:120px;height:170px}.contact-us-section article{width:95%}}@media (max-width: 400px){.education-section article:nth-child(1) div{width:110px;height:160px}}.footer{margin:15px 0;padding:5px}.footer p{text-align:center}body{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%236F7DFA'%20stroke='%23100D1E'%20stroke-width='2'%20d='M5.5%203.21V20.8c0%20.45.54.67.85.35l4.86-4.86a.5.5%200%200%201%20.35-.15h6.87a.5.5%200%200%200%20.35-.85L6.35%202.85a.5.5%200%200%200-.85.35Z'%3e%3c/path%3e%3c/svg%3e") 0 0,auto!important}a,button,input,select,textarea,img{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%236F7DFA'%20stroke='%23100D1E'%20stroke-width='2'%20stroke-linejoin='round'%20d='M10%2011V8.99c0-.88.59-1.64%201.44-1.86h.05A1.99%201.99%200%200%201%2014%209.05V12v-2c0-.88.6-1.65%201.46-1.87h.05A1.98%201.98%200%200%201%2018%2010.06V13v-1.94a2%202%200%200%201%201.51-1.94h0A2%202%200%200%201%2022%2011.06V14c0%20.6-.08%201.27-.21%201.97a7.96%207.96%200%200%201-7.55%206.48%2054.98%2054.98%200%200%201-4.48%200%207.96%207.96%200%200%201-7.55-6.48C2.08%2015.27%202%2014.59%202%2014v-1.49c0-1.11.9-2.01%202.01-2.01h0a2%202%200%200%201%202.01%202.03l-.01.97v-10c0-1.1.9-2%202-2h0a2%202%200%200%201%202%202V11Z'%3e%3c/path%3e%3c/svg%3e") 0 0,auto!important}body{background-color:#100d1e;color:#fff}#root{max-width:1000px;margin:0 auto;font-family:Poppins}