@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";nav{display:flex;justify-content:space-between;margin:20px}nav .logo{font-size:1.7rem;font-family:Montserrat;font-weight:700}nav .nav-links{padding:20px;text-decoration:none;color:#000;font-family:Poppins,sans-serif}nav a.active{color:#3b82f6;transition:.5s}nav a:hover{color:#3b82f6;transition:.5s}nav .social-media{display:flex}a{margin-top:-3px;cursor:pointer}.social-media button{border:none;background-color:transparent;margin-top:-4px;cursor:pointer}.side-bar button{border:none;background-color:transparent;cursor:pointer;margin-right:auto}.side-bar{display:none;flex-direction:column;justify-content:start;position:fixed;top:0;right:0;z-index:1;background-color:#f5f5f583;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:50%;height:100vh}.side-bar .navigation-links{display:flex;flex-direction:column;margin-right:auto}.side-bar .navigation-links button{font-size:larger;margin-left:-10px;border:none;background-color:transparent}.side-bar .social-media{display:flex;flex-direction:row;margin-right:auto}#close-btn{margin-left:auto}#menu-btn{display:none}@media (max-width: 1000px){.hideOnMobile{display:none}#menu-btn{display:block}}@media (max-width: 1340px){.hideOnMobile{display:none}#menu-btn{display:block}}@media (max-width: 420px){.hideOnMobile{display:none}#menu-btn{display:block}.side-bar{width:90%}}@media (max-width: 376px){.hideOnMobile{display:none}#menu-btn{display:block;margin-left:auto;width:30px}.side-bar{width:90%}.logo.mobile{font-size:1.2rem}.menu-svg{width:25px}}.hero{display:flex;align-items:center;justify-content:center;height:80vh}.hero-content{text-align:center;margin-top:-30px}.hero-content h1{margin:0;font-size:3.5rem;font-family:Montserrat;font-weight:800;animation:textScale 1s ease-in-out forwards;transform-origin:center}span{color:#3b82f6}p{font-family:poppins;font-size:large}.buttons{padding:15px}.buttons button{padding:15px;width:140px;font-size:.9rem;font-weight:600;background-color:#3e517a;color:#f5f5f5;border:none;border-radius:5px;text-align:center;transition:.3s ease-out;cursor:pointer}.buttons button:hover{background-color:#3b82f6;transition:.3s ease-in}@keyframes textScale{0%{font-size:2rem;opacity:0}50%{opacity:50%}to{font-size:3.5rem}}.main{display:flex;align-items:center;gap:20px;margin:70px 16%;opacity:0;transform:scale(.95);transition:opacity .5s ease-in,transform .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate .section-title,.animate .section-about,.animate .skills{animation:fadeIn 1s ease-in}.section-title,.section-about,.skills{opacity:1}.section-title h1,h3{font-family:Montserrat}.section-title{display:flex;flex-direction:column;width:160vw}.section-title h1{font-size:36px;font-weight:700}.section-title h3{font-size:30px;font-weight:700}.section-about{width:290%}.section-about p{font-size:16px}.main.animate{opacity:1;transform:scale(1)}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.skills{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;transform:scale(.95);transition:opacity .5s ease-out,transform .5s ease-out}.skills.animate{opacity:1;transform:scale(1)}.skills h2{font-size:30px;font-family:Montserrat;font-weight:700;color:#1f3a8a}.skills h4{font-size:24px;font-family:Montserrat;font-weight:400;color:#3c82f6;margin-top:3vh}.skill-set{display:flex;flex-direction:column;gap:10px}.skill{display:flex;gap:30px;background-color:#eff6ff;padding:40px;border-radius:10px;width:60vw;flex-direction:row}.main.mobile{display:none;flex-direction:column;align-items:center;justify-content:center;max-width:130px;text-align:left;margin:auto}.section-title.mobile,.section-about.mobile{width:60vw}.skills.mobile{display:none}.skill-set.mobile{display:flex;flex-direction:row}.skill.mobile{display:flex;flex-direction:column;width:fit-content;align-items:center}@media (max-width: 768px){.skill-set.mobile{display:flex;flex-direction:column}}@media (max-width: 1340px){.main.mobile,.skills.mobile{display:flex}.hideOnMobile{display:none}}@media (max-width: 520px){.main.mobile{display:flex;margin:0 120px;width:100%}.skills.mobile{display:flex}.hideOnMobile{display:none}.section-title.mobile h1{font-size:1.5rem}.section-title.mobile h3{font-size:1.3rem;width:100%}}@media (max-width: 370px){.main.mobile{display:flex;margin:auto}.skills.mobile{display:flex}.hideOnMobile{display:none}}main{margin-top:-40px;padding:20px;display:flex;flex-wrap:wrap}.card{display:flex;flex-direction:column;margin:40px auto;padding:20px;border:1px solid #3c83f696;border-radius:10px;box-shadow:6px 6px #3c83f671;max-width:300px;height:fit-content;opacity:0;transform:scale(.95);animation:popUp .5s ease-out forwards}.title-image,.desc{display:flex;flex-direction:column;gap:10px}.desc p{font-size:1rem;color:#3c83f6}.desc h3{font-size:1.1rem;font-weight:500}.desc a{width:fit-content}.card:nth-child(1){animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.card:nth-child(4){animation-delay:.4s}.card:nth-child(5){animation-delay:.5s}@media (max-width: 520px){.main{display:flex;flex-direction:column}.card{max-width:300px;height:fit-content}}@media (max-width: 370px){.main{display:flex;flex-direction:column}.card{max-width:200px;height:fit-content}}.blog-head{display:flex;flex-direction:column;align-items:center;gap:30px}.blog-head h1{font-size:30px;font-family:Montserrat;font-weight:700;color:#1f3a8a;opacity:0;transform:scale(.95);animation:popUp .5s ease-out forwards}.blog-cards{display:flex;justify-content:center;align-self:start;gap:20px;flex-wrap:wrap}.blog-card{border:1px solid #3c83f696;border-radius:10px;box-shadow:6px 6px #3c83f671;padding:20px;opacity:0;transform:scale(.95);animation:popUp .5s ease-out forwards}.blog-card h3{font-size:24px;font-family:Montserrat;font-weight:500;color:#3c82f6}.blog-card p{font-size:.9rem;font-family:Poppins,sans-serif}.blog-card img{max-width:fit-content}.blog-card button{background-color:#3e517a;color:#f5f5f5;border:none;border-radius:5px;padding:10px;margin-top:10px;width:100px;cursor:pointer;font-family:Poppins;font-weight:500;transition:.5s ease-in-out}.blog-card button:hover{background-color:#38a0ed;color:#f5f5f5}@keyframes popUp{to{opacity:1;transform:scale(1)}}.blog-card:nth-child(1){animation-delay:.1s}.container{text-align:center;background-color:#fff;padding:50px;border-radius:10px;box-shadow:0 4px 8px #0000001a}.content h1{font-family:Poppins;font-size:2.5em;color:#333}.content p{font-size:1.2em;color:#666;margin:20px 0}.content a{text-decoration:none}.construction-icon{font-size:4em;margin-top:20px}@media (max-width: 600px){.container{padding:30px}.content h1{font-family:Poppins;font-size:2em}.content p{font-size:1em}.construction-icon{font-size:3em}}*{margin:6px;box-sizing:border-box}