body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}.Home,html{background-color:#02242b;color:#fff;font-family:Space Grotesk,serif;height:100vh;position:relative;scroll-behavior:smooth}.container{align-items:center;background-repeat:no-repeat;background-size:contain;display:flex;flex-direction:column;min-height:100vh;min-width:100%;overflow:hidden}.container:before{background-size:contain;content:"";height:100vh;position:absolute;top:5rem}.container:before,.navbar{background-repeat:no-repeat;background-size:cover;width:100%}.navbar{word-wrap:normal;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#fff;background-color:#eaf7f8;background-position:50%;color:#02242b;flex-wrap:nowrap;flex-wrap:wrap;height:8rem;justify-content:center;padding-inline:1rem;position:fixed;top:0;z-index:5}.navbar,.navbar .inner{align-items:center;display:flex}.navbar .inner{justify-content:space-between;max-width:75rem;width:100%}.navbar:before f{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0007084d;background-color:#000c;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.navbar .logo{border-radius:.3rem;color:#02242b;cursor:pointer;font-size:1.5rem;font-weight:bolder;padding-inline:.5rem;z-index:2}.navbar .links{color:#02242b;display:flex;flex-wrap:nowrap;justify-content:left;transition:.3s;width:auto!important;z-index:2}.side-menu-back-filter{background-color:#0000004d;height:100vh;position:fixed;right:0;top:0;transition:.3s;width:100vw;z-index:5}.navbar .link{align-items:center;color:#02242b;cursor:pointer;display:flex;font-size:1.2rem;font-weight:800;height:2rem;padding-inline:1rem;text-decoration:none;transition:.2s}.navbar .link:hover{color:#176e74}.active{color:#176e74!important;font-weight:700}.menu-icon{cursor:pointer;display:flex;flex-direction:column;gap:9px;height:4rem;justify-content:center;width:2rem;z-index:4}.menu-icon span{background-color:#02242b;border-radius:.3rem;display:block;height:3.4px;width:100%}.menu-icon span:nth-child(odd){background-color:#1c868e}.menu-icon span:nth-child(2n){margin-left:auto;position:relative;transition:.3s;width:60%}.menu-icon:hover span:nth-child(2n){margin-left:auto;position:relative;width:100%}.sideLinks{background-color:#00000080;background-color:#0c4e53;background-color:#02242b;display:flex;flex-direction:column;height:90vh;overflow-y:auto;padding-top:.5rem;position:absolute;right:0;top:8rem;transition:.4s;transition-delay:.2s;width:20rem;z-index:110}.sideLinks .link{color:#fff!important;font-size:1rem!important;font-weight:100;min-height:3rem;padding-inline:2rem}.body-container{color:#021618e6;height:auto;overflow:hidden;width:100%}.body-container,.stack-social-links{align-items:center;display:flex;flex-direction:column}.stack-social-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.5rem;font-size:1.5rem;gap:.8rem;justify-content:center;padding:1rem 0;position:fixed;right:.5rem;top:60%;transform:translateY(-50%);width:3rem;z-index:9}.stack-social-links .social-link{border-radius:.5rem;color:#085358;font-size:1.5rem;height:1.7rem;line-height:1.4rem;padding:.1rem;transition:.3s}.stack-social-links .social-link:hover{color:#fff;font-size:1.5rem}.about-container{background-color:#eaf7f8;box-shadow:0 1px 5px #0003;width:100%;z-index:4}.about-container,.me{align-items:center;display:flex;justify-content:center;position:relative;top:4rem}.me{flex-wrap:wrap;gap:2rem;margin:0 0 4rem;max-width:80rem;min-height:100vh;padding:4rem}.me .about-me{display:flex;flex:1 1;flex-direction:column;gap:1rem;min-width:30rem}.about-me .button{align-items:center;background-color:initial;border-radius:.3rem;box-shadow:1px 0 10px #0000001a;color:#4fe6f1;color:#0c4e53;cursor:pointer;display:flex;font-weight:800;height:3rem;justify-content:center;transition:.1s}.about-me .button:hover{background-color:#085358;border-radius:.2rem;color:#fff;font-weight:800}.about-me .my-name{color:#0009;color:#fff;color:#0c4e53;font-size:clamp(2rem,3.3vw,290%);max-width:50rem;text-align:justify}.about-me .sub-name{align-items:center;color:#02242b;display:flex;flex-wrap:wrap;font-size:2.4rem;font-size:clamp(2.4,3.3vw,290%);font-weight:800;gap:.5rem;max-width:50rem;overflow:hidden}.about-me p{color:#000000b3;color:#02242b;font-size:1.2rem;line-height:1.8rem;text-align:justify}.about-me p b{background-color:#0c4e531a;border-radius:.3rem;font-size:1.2rem;padding-inline:.4rem}.me .my-picture{background-color:#0316181a;background-color:#0000001a;border-radius:15% 15% 0 0;height:27.5rem;max-width:30rem;min-width:25rem;overflow:hidden;position:relative}.my-picture .background span{flex:1 1}.my-picture .background span:nth-child(2n){background-color:#000000b3}.me .my-picture img{max-width:100%;z-index:170}.text-container{word-wrap:normal;display:inline-block;flex:1 1;min-height:3rem;min-width:13rem;position:relative;white-space:nowrap;width:17rem}.text-box{align-items:center;background-color:#0000001a;border-radius:5px;display:flex;flex-wrap:nowrap;font-size:2rem;height:100%;opacity:0;padding:0 10px;position:absolute;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease;width:100%}.text-box.active{opacity:1;transform:translateY(0)}.section-container{align-items:center;background-color:#caf0f5;background-color:#eaf7f8;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:5rem 2rem;width:100%}.section{max-width:75rem;position:relative;width:100%}.dark-theme-bg{background-color:#02242b}.dark-theme-bg .sec-header{background-color:#02242b;color:#4fe6f1}.section p{color:#000000b3;font-size:1.1rem;line-height:1.5rem;max-width:35rem;text-align:justify}.sec-header{border-bottom:.1rem solid #0853584d;color:#04373b;display:block;font-size:2rem;font-weight:900;margin-bottom:1rem;padding:.5rem 1rem;position:sticky;top:9rem}hr{border:1px solid #0000001a}.sec-body{gap:.5rem;height:auto;justify-content:center;justify-content:left;row-gap:0}.education,.sec-body{display:flex;flex-wrap:wrap;width:100%}.education{align-items:center;gap:1.5rem;justify-content:space-evenly;justify-content:flex-start;min-height:16rem;padding-inline:3rem}.education .edu{align-items:center;border-radius:.6rem;box-shadow:0 0 10px #0000004d;cursor:pointer;display:flex;height:15rem;justify-content:center;overflow:hidden;position:relative;width:22rem}.education .edu img:hover{filter:grayscale(0);height:110%;width:160%}.education .edu img{filter:grayscale(100%);height:100%;transition:.3s;width:150%}.education .edu:before l{background-color:#0003;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:3}.education .edu .edu-details{align-items:center;background-color:rgba(0,12,14,.831);bottom:0;color:#fff;display:flex;font-size:.8rem;gap:1rem;height:auto;padding:.5rem 1rem;position:absolute;width:100%;z-index:4}.edu-details>div{display:flex;flex-direction:column;gap:.2rem}.edu-details>img{background-color:#fff;border-radius:50%;height:3rem;width:3rem!important}.edu-details span:first-child{color:#3dc3cd;font-size:.9rem;font-weight:600}.edu-body{display:flex;flex-direction:column;gap:2rem;padding:0 1rem;position:relative}.dark-theme-bg .edu-body:before{background-color:#4fe6f1}.dark-theme-bg .edu-body:before,.edu-body:before{content:"";height:90%;left:1.59rem;position:absolute;top:2rem;width:1px}.edu-body:before{background-color:#02242b}.section-container:nth-child(2n) .edu-body:before{background-color:#37c1cbcc}.school{align-items:center;border-radius:.3rem;display:flex;gap:1rem;margin-left:2rem;padding:1rem;position:relative;z-index:3}.section-container:nth-child(2n) .school,.section-container:nth-child(odd) .school{background-color:#02242b}.school:before{background-color:#176065;border:2px solid #02242b80;border-radius:.3rem;content:"";height:1rem;left:-2rem;position:absolute;top:40%;width:1rem}.justify{text-align:justify}.school .sch-logo{background-color:#fff;border:.15rem solid #085358cc;border-radius:2rem;box-shadow:0 1px 5px #0003;cursor:pointer;display:flex;height:4rem;min-width:4rem;overflow:hidden;padding:.2rem;width:4rem}.sch-logo img{width:100%}.sch-details{color:#fff;display:flex;flex-direction:column;gap:.3rem}.sch-name{color:#3dc3cd;font-weight:800}.sch-year{line-height:1.7rem}.project-container{align-items:center;display:flex;height:23rem;justify-content:center;width:17rem}.project-container>div{background-color:#0d8d960f;background-color:aqua;background-color:#02242b;border:1px solid #0003;box-shadow:0 1px 5px #0577864d;cursor:pointer;height:21.5rem;padding:1rem;transition:.5s;width:17rem}.project-container>div:hover{border:1px solid #39c9d3;border-radius:.3rem;box-shadow:0 1px 5px #05778699;height:23rem}.project{display:flex;flex-direction:column;gap:.5rem}.pro-header{background-color:#000;border-radius:.3rem;color:#fff;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.3rem}.project-logo{align-items:center;border-radius:.2rem;color:#fff;display:flex;font-size:.6rem;font-weight:600;justify-content:center;max-height:2rem;max-width:2rem;padding:.2rem}.project-logo img{width:100%}.project p{color:#fff;flex:1 1;font-size:1rem;line-height:1.8rem;text-align:left;text-align:justify}.pro-external-link{align-items:center;background-color:#0000001a;border-radius:.2rem;color:#caf0f5!important;display:flex;justify-content:center;padding:.2rem;transition:.5s}.pro-external-link :hover{color:#39c9d3}.school .pro-external-link{position:absolute;right:.8rem;top:.8rem}.pro-footer{align-items:center;background-color:#00000080;border-radius:.2rem;display:flex;font-size:1.5rem;gap:1rem;height:2rem;justify-content:center;padding-inline:.5rem;width:100%}.pro-footer p{text-align:center}#pro-footer-icon{color:#3199a1}.pro-title{color:#3aced9;font-size:1.3rem;min-height:4rem}.techstacks{color:aqua;display:flex;flex-wrap:wrap}.stack-container{align-items:center;cursor:pointer;display:flex;height:20rem;justify-content:center;padding:.5rem;width:17rem}.techstacks .stack{background-color:#02242b;border:1px solid #3199a1;box-shadow:0 1px 10px #000000e6;flex-direction:column;height:18rem;min-width:100%;padding:1rem;transition:.5s}.stack-header,.techstacks .stack{align-items:center;display:flex;gap:1rem}.stack-header{border-bottom:1px solid #3dc3cd4d;height:4rem;width:100%}.stack-name{color:#fff;font-size:1.2rem;font-weight:500}.techstacks .stack:hover{border:1px solid #4fe6f1;box-shadow:0 1px 3px #28b0b9;height:19rem}.techstacks .stack .img{align-items:center;border:1px solid #28b0b933;border-radius:50%;box-shadow:0 1px 5px #00000080;display:flex;height:3rem;justify-content:center;min-height:3rem;min-width:3rem;overflow:hidden;padding:.3rem;width:3rem}.techstacks .stack .img img{width:60%}.techstacks .stack .stack-details{align-items:center;display:flex;font-size:.9rem;gap:.5rem;width:100%}.stack-details .item-img{align-items:center;background-color:#0c4e53;border-radius:50%;color:#fff;display:flex;font-size:1rem;height:2rem;justify-content:center;width:2rem}.techstacks .stack .stack-details .progress{background-color:#f0f8ff;border-radius:1rem;flex:1 1;height:.7rem;opacity:.9;overflow:hidden}.stack-details .progress .percentage{background-color:#4fe6f1;border-radius:1rem;height:100%;width:80%}.footer{align-items:center;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-image:url(/static/media/wallhaven-83z85y_3840x3072.70b3587ecfe21b4c84be.png);background-image:url(/static/media/wallhaven-4d6dkj_3840x3072.9a04b4ddc713980c26f0.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:1rem;padding-inline:1rem;width:100%;z-index:2}.footer:before{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000e6;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.footer>div{color:#fff;display:flex;font-size:1.5rem;gap:1rem;justify-content:center;width:100%}.footer>div a{color:#fff;text-decoration:none}.footer .social-link{color:#fff;transition:.3s}.footer .social-link:hover,.footer p{color:#28b0b9}.footer p{text-align:center;width:100%}.iframe-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:111}.iframe-container .iframe ::-webkit-scrollbar,.iframe-container ::-webkit-scrollbar{display:none}.iframe{background-color:#fff;border:1px solid #28b0b9;border-radius:0 0 .3rem .3rem;box-shadow:0 1px 15px #000c;flex-direction:column;height:90vh;max-width:90rem;position:relative}.iframe,.iframe-header{display:flex;width:100%}.iframe-header{-webkit-backdrop-filter:blur(45px);backdrop-filter:blur(45px);background-color:#02242b;border:2px solid #047179;color:#04373b;height:2.5rem;justify-content:space-between;margin-bottom:.3rem;max-width:40rem;overflow:hidden;padding-inline:.5rem}.frame-name{align-items:center;color:#28b0b9;color:#fff;display:flex;gap:1rem;height:100%}.iframe-header button{background-color:#05778699;border:none;border-radius:.3rem;height:1.5rem;padding-inline:.5rem;transition:.3s}.iframe-header button:hover{color:#fff}.frame-controls{align-items:center;color:#fff;display:flex;gap:1rem;height:100%}.frame-controls span{background-color:#28b0b9;color:#085358;color:#fff;cursor:pointer;font-weight:800;text-align:center;width:1.6rem}.iframe:before{border-radius:5px;color:#085358;content:"Loading ...";font-size:1.3rem;font-weight:700;left:50%;padding:10px 20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.iframe.loaded:before{display:none}.iframe iframe{border:none;height:100%;transition:.5s;width:100%;z-index:2}.iframe .close-button:hover{background-color:#085358;background-color:red}.iframe-container .details{box-sizing:border-box;overflow:auto}::-webkit-scrollbar{height:.6rem;width:.6rem}::-webkit-scrollbar-track{background-color:#fff}::-webkit-scrollbar-thumb{background-color:#025353cc}.links{color:#025353;text-decoration:none}button{cursor:pointer}.messager{color:#4fe6f1;flex-wrap:wrap;gap:2rem;height:auto}.messager,.messager .info{display:flex;justify-content:center}.messager .info{align-items:center;flex-direction:column;font-size:2rem;gap:1.5rem;max-width:30rem;text-align:center}.messager .info .messager-icon{font-size:6rem}.messager .form{background-color:#02242b;border:1px solid #fff;border-radius:.3rem;display:flex;flex-direction:column;gap:1rem;height:auto;padding:2rem;width:25rem}.messager input,.messager textarea{border:none;border-radius:.3rem;height:3rem;line-height:3rem;max-width:100%;min-width:100%;outline:none;padding-inline:.8rem;width:100%}.messager textarea{display:block;min-height:6rem}.messager .info .social-links{align-items:center;border:1px solid #4fe6f1;border-radius:.5rem;display:flex;flex-direction:row!important;gap:1rem;height:4rem;justify-content:center;padding-inline:2rem}.messager .info .social-links a{color:#fff;height:2rem}.messager button{align-items:center;color:#0c4e53;display:flex;font-size:1.1rem;gap:1rem;height:3rem;justify-content:center;padding-inline:1rem;width:100%}@media screen and (max-width:980px){.sec-body{justify-content:center}.sec-header{display:block;text-align:center}.techstacks{justify-content:center}.stack-social-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.4rem;padding:1rem 0;right:.5rem;width:2.5rem}}@media screen and (max-width:680px){.me{padding:2rem}.me .about-me{min-width:100%}.sec-body{justify-content:center}}@media screen and (max-width:580px){.stack-social-links{display:none;width:2.5rem!important}.me .my-picture{height:25rem}.sec-body{justify-content:center}.sec-header{display:block;text-align:center}.project-container{flex:1 1}.project{flex:1 1;width:100%}.pro-header{margin-bottom:2rem}.techstacks{justify-content:center}.education .edu,.stack-container{max-width:25rem;width:100%}.edu-body{padding-inline:0}.school{margin-left:0;padding-inline:.5rem}.edu-body:before,.school:before{display:none}.container{padding:0}.section-container{padding:7rem .5rem}.my-name{color:green;text-align:left!important}.sub-name{color:blue;font-size:1.5rem!important}.about-me p{text-align:justify!important}.messager{gap:0}.messager .form{border:none}}
/*# sourceMappingURL=main.3d587ca0.css.map*/