@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";html,body{margin:0;padding:0;box-sizing:border-box;font-family:Antonio,sans-serif;overflow-x:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;background-color:var(--primary-background-color);transition:background-color 2s ease,color 2s ease}a{text-decoration:none}[data-theme=dark]{--primary-background-color: #000;--primary-text-color: #ffffff}[data-theme=light]{--primary-background-color: #fff;--primary-text-color: #000}.hero-container{width:100vw;height:100dvh;overflow:hidden;background-color:#000;margin:0}.hero-container .heroTextWrapper{padding:10px}.hero-container .heroTextWrapper .span1{color:#fff;font-size:40px;font-weight:600;margin:0;font-family:Montserrat,sans-serif}@media (max-width:1333px){.hero-container .heroTextWrapper .span1{font-size:clamp(20px,6vw,40px)}}.hero-container .heroTextWrapper .notSpanText{font-size:110px;font-weight:700;font-family:Montserrat,sans-serif}@media (max-width:1333px){.hero-container .heroTextWrapper .notSpanText{font-size:clamp(40px,8vw,120px)}}.hero-container .heroTextWrapper .span2{color:#fff;font-size:40px;font-weight:600;text-align:right;margin:0;font-family:Montserrat,sans-serif}@media (max-width:1333px){.hero-container .heroTextWrapper .span2{font-size:clamp(20px,6vw,40px)}}.boxx{position:absolute;width:200px;height:40px;display:grid;place-content:center;color:var(--primary-background-color);text-shadow:0 1px 0 #000;margin-right:"6%";transition:color .5s ease,background-color 2s ease;--border-angle: 0turn;--main-bg: conic-gradient(from var(--border-angle), var(--primary-background-color), var(--primary-background-color) 5%, var(--primary-background-color) 60%, var(--primary-background-color) 95%);border:solid 2px transparent;border-radius:3em;--gradient-border: conic-gradient(from var(--border-angle), #08f 1%, #BC13FE 99%, #08f 50%);background:var(--main-bg) padding-box,var(--gradient-border) border-box,var(--main-bg) border-box;background-position:center center;animation:bg-spin 2s linear infinite}.boxx:hover{cursor:pointer}@media (min-width: 746px){.boxx{display:none}}@font-face{font-family:Nasalization;src:url(/Fonts/NasalizationRg.otf) format("opentype");font-weight:400;font-style:normal}.navbar{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;width:100vw;height:70px;background-color:var(--primary-background-color);z-index:1000;transition:color .5s ease,background-color 2s ease;border-bottom:1px solid var(--primary-text-color)}.navbar .sideBarButton{left:3vh;width:45px;height:45px}.navbar .contactButton{right:3vh;width:45px;height:45px}.navbar .box{position:absolute;right:3vh;width:200px;height:40px;display:grid;place-content:center;color:#fff;text-shadow:0 1px 0 #000;margin-right:"6%";transition:color .5s ease,background-color 2s ease;--border-angle: 0turn;--main-bg: conic-gradient(from var(--border-angle), var(--primary-background-color), var(--primary-background-color) 5%, var(--primary-background-color) 60%, var(--primary-background-color) 95%);border:solid 2px transparent;border-radius:3em;--gradient-border: conic-gradient(from var(--border-angle), transparent 10%, #08f, #BC13FE 99%, transparent);background:var(--main-bg) padding-box,var(--gradient-border) border-box,var(--main-bg) border-box;background-position:center center;animation:bg-spin 2s linear infinite}.navbar .box:hover{cursor:pointer}.navbar .box .textBox{color:var(--primary-text-color)}@keyframes bg-spin{to{--border-angle: 1turn}}@media (max-width: 745px){.navbar .box{display:none}}.navbar .leftPart{display:flex;align-items:center;gap:20px;padding-left:3vh}@media (max-width: 745px){.navbar .leftPart{display:none}}.navbar .leftPart .leftTexts{font-size:17px;color:var(--primary-text-color);font-family:Montserrat,sans-serif;font-weight:500;transition:color .5s ease,background-color 2s ease}.navbar .leftPart .leftTexts:hover{color:#979191}.navbar .name{position:absolute;inset:0;margin:auto;color:var(--primary-text-color);width:max-content;height:max-content;font-size:clamp(26px,2.5vw,40px);font-family:Nasalization,sans-serif;transition:color .5s ease,background-color 2s ease}@media (max-width: 888px){.navbar .name{font-size:clmap(20px,3.8vw,29px)}}@media (max-width: 423px){.navbar .name{font-size:16px}}@property --border-angle{syntax: "<angle>"; inherits: true; initial-value: 0turn;}.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9000;transition:opacity .3s ease-in-out}@media (min-width: 746px){.backdrop{display:none}}.sideNav{position:fixed;visibility:hidden;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(12px);width:clamp(272px,95vw,420px);height:100vh;top:0;left:0;z-index:9904;padding:15px 4px 10px;transition:all .5s ease-in-out;transform:translate(-100%)}@media (max-width: 400px){.sideNav{width:100%}}.sideNav .btn1{position:absolute;top:275px;left:6%;width:40px;height:40px}.sideNav .btn2{position:absolute;top:275px;left:23%;width:40px;height:40px}.sideNav .btn3{position:absolute;top:275px;left:40%;width:40px;height:40px}.sideNav .btnContactss{width:50px;height:50px}.sideNav .contactBtn{position:absolute;top:350px;left:0;right:0;width:84%;margin:auto}.sideNav .leftPartt{position:absolute;left:5vw;top:135px;display:flex;flex-direction:column;gap:30px}.sideNav .leftPartt .leftTexts{font-size:17px;color:var(--primary-text-color);font-family:Montserrat,sans-serif;font-weight:500;margin:0}.sideNav .mobileNavName{position:absolute;left:5vw;top:80px;margin:auto;color:var(--primary-text-color);width:fit-content;height:max-content;font-size:20px;font-family:Nasalization,sans-serif}.sideNav .closeButton{left:3vw;width:40px;height:40px}.sideNav .sidenavFirstRow{display:flex;justify-content:space-between}.sideNav .mobileNavHeader{font-family:Brown Sugar;display:flex;padding:7px 15px;gap:10px;margin-left:5px;font-size:22px;font-weight:400;font-style:normal;text-align:center;color:#1d1d1d;margin-top:10px}.sideNav .mobileNavHeader .brand{font-family:Brown Sugar;text-align:center;font-size:22px;font-weight:400;font-style:normal;text-align:left;color:#1d1d1d;margin-top:3px}.sideNav .cancelButton{margin-top:10px;margin-right:10px;cursor:pointer}.sideNav .cancelButton:hover line{stroke:#a09494}.sideNav .sideLinksUl{display:flex;flex-direction:column;gap:10px;margin-top:25px}.sideNav .sideLinksUl .mobileNavLink{padding-inline:2px 4px;text-decoration:none;color:#000;font-size:18px}.sideNav .sideLinksUl li{list-style-type:none;cursor:pointer;margin:0;padding:0}.sideNav .sideLinksUl .dropdownLink{display:flex;justify-content:space-between;align-items:center;padding-right:15px;cursor:pointer}.sideNav .sideLinksUl .dropdownLink .dropDownTitle{text-align:center;margin-bottom:0}.sideNav .sideLinksUl .dropdownLink .dropDownTitle:hover{color:#464040;cursor:pointer}.sideNav .sideLinksUl .dropDownElementsUl{max-height:0;overflow:hidden;transition:max-height .4s ease-in-out}.sideNav .sideLinksUl .dropDownElementsUl li{margin:7px 0}.sideNav .sideLinksUl .isDropDown{max-height:700px}.isMobileClass{visibility:visible;transform:translate(0)}@media (min-width: 746px){.isMobileClass{display:none}}.three-texts-container{width:100%;height:fit-content;background-color:#000;display:flex;flex-direction:column;justify-content:space-between}.three-texts-container h1{font-size:clamp(40px,7.5vw,126px);font-weight:600;color:#fff;text-align:center;margin:0;font-family:Montserrat,sans-serif;width:100%;background-color:#000;padding-top:30px;padding-bottom:30px}@media (max-width: 768px){.three-texts-container h1{font-size:30px;padding-top:30px;padding-bottom:30px}}.about-me-background{background-color:#000;z-index:15;border:none}.about-me-background .about-me-container{display:flex;flex-direction:column;padding-inline:3%;justify-content:center;align-items:flex-start;width:100vw;height:100dvh;background-color:#fff;clip-path:circle(6.4% at 50% 50%);padding-bottom:100px;padding-top:50px;border:none}.about-me-background .about-me-container p{margin:0;width:95%;text-align:left;font-size:clamp(20px,2.5vw,40px);font-family:Montserrat,sans-serif;font-weight:500;color:#1d1d1d4d}@media screen and (max-width: 768px){.about-me-background .about-me-container p{line-height:30px}}.about-me-background .about-me-container h1{margin:0;text-align:left;font-size:clamp(55px,7.5vw,155px);font-weight:600;padding-top:20px;font-family:Montserrat,sans-serif;width:95%}@media screen and (max-width: 450px){.about-me-background .about-me-container h1{padding-top:90px}}.projects-container{position:relative;background-color:var(--primary-background-color);border:none;padding-inline:3%;padding-top:50px;transition:color .5s ease,background-color 2s ease}.projects-container .cardW{width:200px;height:350px;top:70%;left:50%;z-index:10;border-radius:0}.projects-container .whiteSpace{display:flex;flex-direction:column;width:100vw;background-color:var(--primary-background-color);z-index:10;padding-top:150px;align-self:left;position:relative;transition:color .5s ease,background-color 2s ease}@media (max-width: 768px){.projects-container .whiteSpace{padding-top:100px}}.projects-container h1{margin:0;text-align:left;font-size:clamp(45px,7.5vw,155px);font-weight:600;padding-top:20px;font-family:Montserrat,sans-serif;z-index:1;position:relative;color:var(--primary-text-color)}.boxxx{width:200px;height:40px;display:grid;place-content:center;color:var(--primary-background-color);text-shadow:0 1px 0 #000;margin-right:"6%";transition:color .5s ease,background-color 2s ease;--border-angle: 0turn;--main-bg: conic-gradient(from var(--border-angle), var(--primary-background-color), var(--primary-background-color) 5%, var(--primary-background-color) 60%, var(--primary-background-color) 95%);border:solid 2px transparent;border-radius:3em;--gradient-border: conic-gradient(from var(--border-angle), #08f 1%, #BC13FE 99%, #08f 50%);background:var(--main-bg) padding-box,var(--gradient-border) border-box,var(--main-bg) border-box;background-position:center center;animation:bg-spin 2s linear infinite}.boxxx:hover{cursor:pointer}.projectt-card-container{position:relative;width:200px;height:40px;display:grid;place-content:center;color:var(--primary-background-color);text-shadow:0 1px 0 #000;margin-right:6%;transition:color .5s ease,background 2s ease;transition:.5s ease;--border-angle: 0turn;--main-bg: conic-gradient(from var(--border-angle), var(--primary-background-color), var(--primary-background-color) 5%, var(--primary-background-color) 60%, var(--primary-background-color) 95%);border:solid 2px transparent;border-radius:0;--gradient-border: conic-gradient(from var(--border-angle), #08f 1%, #BC13FE 99%, #08f 50%);background:var(--main-bg) padding-box,var(--gradient-border) border-box,var(--main-bg) border-box;background-position:center center;animation:bg-spin 2s linear infinite}.projectt-card-container:hover{cursor:pointer;transform:scale(1.15);box-shadow:5px 5px 15px #0009}.projectt-card-container:hover .onHoverWrapper{display:block}.projectt-card-container .onHoverWrapper{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(12px)}.projectt-card-container .onHoverWrapper .buttonWrapper{height:100%;display:flex;justify-content:center;align-items:center;gap:3vw}@media (max-width: 795px){.projectt-card-container .onHoverWrapper .buttonWrapper{flex-direction:column}}.projectt-card-container .onHoverWrapper .buttonWrapper .gitIcon{width:30px;height:30px;background-color:var(--primary-background-color)}.projectt-card-container .onHoverWrapper .buttonWrapper .siteTextBtn{width:fit-content;padding-inline:15px;height:30px;background-color:var(--primary-background-color)}.projectt-card-container .onHoverWrapper .buttonWrapper .siteTextBtn p{color:var(--primary-text-color);font-size:clamp(10px,.9vw,15px)}@keyframes bg-spin{to{--border-angle: 1turn}50%{background-position:100% 50%}}.project-container{display:flex;justify-content:space-between;width:100%;padding-bottom:45dvh;height:fit-content}.project-container .imgCard{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.project-container .card1{width:clamp(90px,22vw,24rem);height:clamp(120px,28vw,35rem);z-index:2;overflow:hidden}.project-container .card2{margin-top:clamp(100px,15vw,25rem);width:clamp(70px,17vw,20rem);height:clamp(110px,23vw,30rem);background-color:"#fff";z-index:2}.project-container .card3{margin-top:-20px;width:clamp(60px,13vw,20rem);height:clamp(90px,16vw,20rem);background-color:"#fff";z-index:2}.project-container .card4{margin-top:clamp(100px,27vw,30rem);width:clamp(120px,28vw,29rem);height:clamp(180px,34vw,37rem);background-color:"#fff";z-index:2}.contactMeWrp{background-color:var(--primary-background-color);width:100vw;padding-inline:3%;display:flex;flex-direction:column}.contactMeWrp h1{text-align:left;font-size:clamp(58px,7.9vw,165px);font-weight:600;padding-top:20px;font-family:Montserrat,sans-serif;color:var(--primary-text-color);margin:0}.contactMeWrp .contactsWrap{margin-top:12vw;display:flex;flex-wrap:wrap;gap:1vw;margin-bottom:100px}.contactMeWrp .contactsWrap a:hover{cursor:pointer}.contactMeWrp .contactsWrap div,.contactMeWrp .contactsWrap a{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:.5vw;text-decoration:none}.contactMeWrp .contactsWrap p{color:var(--primary-text-color)}.contactMeWrp .contactMeform{display:flex;flex-wrap:wrap;width:70%;row-gap:1em;gap:2rem;margin-top:5vw;align-self:center}.contactMeWrp .contactMeform .sendButton{max-width:250px;margin-top:30px;flex-basis:100%}.contactMeWrp .contactMeform .inputi{background-color:var(--primary-background-color);border-top:none;border-left:none;border-right:none;border-bottom:2px solid var(--primary-text-color);padding:5px 6.5vw;outline:none;color:var(--primary-text-color)}.contactMeWrp .contactMeform p{font-size:2rem;color:var(--primary-text-color);margin:0}.loaderWrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;width:100vw;height:100dvh;background-color:#000;z-index:22222}