.header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px}.nav-title{font-family:Jacques Francois Shadow;font-size:7rem}.nav-bar ul{list-style:none;display:flex;flex-direction:column;gap:5px}.nav-bar ul li{height:35px;border-radius:3px}.nav-bar ul li a{text-decoration:none;color:inherit;padding-left:10px;display:flex;justify-content:space-between;align-items:center;height:inherit;font-family:Baloo Bhai;font-weight:700;transition:all .3s ease-out;overflow:hidden}.nav-bar ul li a:hover .nav-label{width:100%;transition:all .3s ease-out;padding-left:10px;padding-right:15px;padding-block:2px;border-top-left-radius:3px;border-bottom-left-radius:3px;background-color:#9fc4cc66;box-shadow:0 2px 4px #00000040 inset}.nav-label{width:0;overflow:hidden}.nav-bar ul li a img{padding:5px;max-width:95%;max-height:95%;color:#000;border-radius:3px;box-shadow:0 0 1px 1px #0003 inset}.nav-bar ul li a:hover{transform:scale(1.1)}@media screen and (max-width: 862px){.nav-title{font-size:2.7rem}}@media screen and (max-width: 500px){.nav-title{width:100px}}*{margin:0;padding:0;box-sizing:border-box}.icon-container{display:flex;gap:10px;flex-wrap:wrap;width:50px;height:50px;box-shadow:0 0 10px #0000004d;border-radius:50%;padding:2px;background-color:#def8fc;transition:background-color .5s ease-out}.icon{width:100%;height:100%;border-radius:50%;display:flex;justify-content:center;align-items:center}.icon-container:hover{padding:0;background-color:#def9fc;transition:padding .5s ease-in}.home-main{display:flex;width:100%;padding-bottom:20px;padding-left:30px}.home-left{border-radius:50px;background-color:#d1e9ef2b;box-shadow:0 2px 4px #00000040 inset;height:100%;flex:5;display:flex;justify-content:center;align-items:center;padding:10px}.home-left .left-content{min-height:calc(100vh - 250px)}.left-content{padding:10px 30px;width:100%;background:transparent;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.greeting{padding-block:20px;background:transparent;font-size:40px}.home-text{display:block!important;background:transparent;font-family:Baloo Bhai;font-size:1.5rem;text-align:justify}.home-text a{text-decoration:none}.home-text a:hover{text-decoration:underline}.home-right{height:100%;flex:2;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem;padding-inline:10px}.greeting{font-family:Rubik;font-size:3.4rem}.right-content{font-family:Baloo Bhai,cursive;text-align:center}.right-content h-secondary{font-weight:700;font-size:3.5rem}.right-content a{text-decoration:none;color:#2c3539}.right-content a:hover{text-decoration:underline;color:#00f}.logo-image{width:200px;height:200px;border-radius:50%}.button-cv{background-color:#d28b0a9e;box-shadow:0 2px 4px #00000040 inset;border-radius:25px}.btn{background-color:inherit;box-shadow:inherit;position:relative;font-family:Baloo Bhai;display:flex;justify-content:center;align-items:center;-ms-align-items:center;padding:7px 15px;border-radius:inherit;font-size:20px;font-weight:700;text-decoration:none;cursor:pointer;overflow:hidden;border:none;outline:none}.btn p{z-index:2;background:transparent}.btn:before{content:"";position:absolute;width:120%;height:75%;background:linear-gradient(#c58203d9,#b16716e8);animation:animate 4s linear infinite}.btn:after{content:"";position:absolute;background-color:#ffa501fa;color:#000;top:3px;right:3px;bottom:3px;left:3px;border-radius:inherit}.btn:hover:before{transition:.7s ease-in;animation:none;height:100%}.btn:hover:after{transition:.7s ease-in;background-color:#ff885b;color:#fff}.social-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.social-links>:last-child img{padding:2.5px}.social-links>:nth-child(3) img,.social-links>:nth-child(4) img{padding:2.5px}.h-hexagon{font-family:Baloo Bhai;color:gray}@media screen and (max-width: 862px){.home-main{flex-direction:column-reverse;gap:2rem;height:100%;padding-bottom:20px;padding-inline:5px}.greeting{font-size:2rem;text-align:center}.home-text{font-size:1.25rem}.home-left{padding-inline:0px;border-radius:30px}}@keyframes animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tile-wrapper{padding:10px;border-radius:20px;box-shadow:0 0 2px 2px #0000004d;gap:20px}.tile-logo{display:flex;align-items:center;gap:20px;overflow:hidden;padding-inline:5px}.tile-logo img{border-radius:10px;height:50px;width:50px;box-shadow:0 0 2px 2px #0000004d}.keyareas{display:flex;gap:10px;list-style-type:none;margin-top:10px;height:20px;flex-wrap:wrap}.tile-content{margin-top:10px;flex:5;display:grid;grid-template-rows:1fr 1fr;overflow-y:scroll}.tile-designation{font-size:1em}.tags{font-family:Honk;font-size:.8em;padding:3px;border-radius:3px;background-color:#0a3c3d;box-shadow:0 0 1px 1px #0006;color:#fff;max-height:initial}@media screen and (max-width: 780px){.tile-wrapper{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;border-radius:20px;height:auto}.tile-content{padding:10px;grid-template-rows:1fr}}.about{width:90%;padding:15px;border-radius:30px;background-color:#d1e9ef2b;box-shadow:0 2px 4px #00000040 inset;margin:auto;height:auto}.about-container{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.skills{min-height:100%;display:flex;flex-direction:column}.skills-container{align-self:center;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}.about-desc-p{font-size:1rem;line-height:1.5;margin:10px 0;text-align:justify}.about-content{min-height:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent;border:none;border-radius:10px}::-webkit-scrollbar-thumb{background:#aac6cc33;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9fc4cc80;border-radius:10px}@media screen and (max-width: 550px){.about{width:99%!important;margin:0!important}.about-container{display:flex;flex-direction:column;justify-content:center;-ms-align-items:center;align-items:center;gap:20px}.skills{width:100%;height:auto}.about-content{width:100%;height:auto;text-align:jusity}}@media screen and (max-width: 800px){.about-container{flex-direction:column}.skills,.about-content{width:100%!important}}.contact{display:grid;grid-template-columns:1fr 2fr;padding-inline:10vw}.contact-container{height:100%;background:#9fc4cc66 url(/assets/contact-me-lq7H27x3.jpg) no-repeat center center/cover;border-top-left-radius:20px;border-bottom-left-radius:20px;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:1rem .3rem;background-blend-mode:luminosity;box-shadow:0 2px 4px #00000040 inset}.contact-card{padding-inline:1rem;display:flex;gap:1rem;box-shadow:1px 1px 2px #0000001a;padding-block:1rem;border-radius:10px;border-bottom:2px solid transparent}.contact-card:hover{border-bottom:2px solid darkgreen;transition:all .5s ease-in-out}.card-title{color:#006400;font-weight:700;font-size:.8rem}.image-wrapper{height:50px;width:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:2px 2px 4px #00000080;padding:.5rem}.image-wrapper img{height:90%;width:90%}.card-link{justify-self:flex-end;align-self:flex-end}.card-link a{text-decoration:none;color:#00008b}.card-link a:hover{color:#00f;text-decoration:underline}.contact-form{background-color:#d1e9ef2b;border-top-right-radius:20px;border-bottom-right-radius:20px;max-height:100%;padding:2rem;box-sizing:border-box;box-shadow:0 2px 4px #00000040 inset}.form{display:flex;flex-direction:column;gap:1rem;padding:1rem}.form-fields{display:grid;grid-template-columns:1fr 3fr}.form-fields label{font-weight:700}.form-fields input:focus{border-bottom:2px solid darkblue;transition:all .5s ease-in-out}.form-fields textarea{overflow-x:none;overflow-y:auto;height:250px;width:100%;resize:none}.form-fields textarea:focus{border-bottom:2px solid darkblue;transition:all .5s ease-in-out}.form-fields input,.form-fields textarea{background-color:#fff3;box-shadow:1px 1px 2px #0000001a;-webkit-backdrop-filter:blur(-10px);backdrop-filter:blur(-10px);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:.6rem .8rem;outline:none;border:none;font-family:Baloo Bhai,sans-serif;font-size:1.03rem;border-bottom:2px solid transparent}.form-button{justify-self:flex-end;align-self:flex-end;width:100px;padding:.5rem;border-radius:5px;outline:none;border:none;background-color:#00008b;color:#fff;font-weight:700;cursor:pointer;box-shadow:1px 1px 2px #0000001a}.form-button:hover{background-color:#00f}@media screen and (max-width: 830px){.contact{grid-template-columns:1fr;padding-inline:10px}.contact-container{border-bottom-left-radius:0!important;border-top-right-radius:20px}.contact-form{border-bottom-left-radius:20px;border-top-right-radius:0!important}}@media screen and (max-width: 700px){.form-fields{display:flex;flex-direction:column}.contact-form{padding:0!important}}.portfolio-main{padding-bottom:20px}.portfolio-right{display:flex;flex-wrap:wrap;gap:15px;align-items:center;justify-content:center}.portfolio-item{border-radius:10px;box-shadow:0 0 10px #0000001a}.portfolio-item:hover{transform:scale(1.05);transition:.3s;cursor:pointer;border:1px solid #f1f1f1}.title{font-size:1rem}.portfolio-item-img{width:4rem;height:4rem;margin:0 auto}.portfolio-item-img img{width:100%;height:100%;object-fit:cover;border-radius:50%}.portfolio-item-tags{background-color:#d1e9f6;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.tag{background-color:inherit;padding:3px;border-radius:5px;margin:5px;font-size:12px;box-shadow:0 0 5px #0000001a}.tag:hover{background-color:#d1e9ef}@font-face{font-family:Jacques Francois Shadow;src:url(/assets/JacquesFrancoisShadow-Regular-DZRmIL1b.ttf)}@font-face{font-family:Honk;src:url(/assets/Honk-Regular-VariableFont_MORF_SHLN-b5bDcrAG.ttf)}@font-face{font-family:Rubik;src:url(/assets/RubikScribble-Regular-HXZC69D1.ttf)}@font-face{font-family:Baloo Bhai;src:url(/assets/BalooBhai2-Regular-BOuUF8jv.ttf)}*{margin:0;padding:0;box-sizing:border-box;font-family:Baloo Bhai}body{background-image:url(/assets/bg-CspKBgSe.png);background-size:contain;background-repeat:no-repeat;background-position:center;position:relative;min-height:100vh;max-width:100vw}body:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#cddcf3cc;z-index:-1}.center{display:flex;justify-content:center;align-items:center}@media screen and (min-height: 1070px){body{min-height:100vh}}.px-10{padding-inline:10px}.py-10{padding-block:10px}.p-10{padding:10px}