html{box-sizing:border-box;font-size:62.5%;scroll-behavior:smooth}body{overflow-x:hidden;position:relative}*{box-sizing:border-box;color:#333;font-family:Poppins,sans-serif;margin:0;padding:0}a{text-decoration:none}.scroll-container{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.scroll-container::-webkit-scrollbar{display:none}.margin-top-96{margin-top:12.8rem!important}.main-nav-container{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#f7fafde6;background-color:#f7fafdcc;box-shadow:1rem 0 3rem #00000026;display:flex;height:9.8rem;justify-content:space-between;left:0;padding:1rem 5rem;position:fixed;top:0;width:100%;width:100vw;z-index:10;z-index:20}li{text-decoration:none}ul{list-style:none}.nav-img{border-radius:50%;width:5rem}.main-nav-list-box{display:flex;filter:blur(100)}.main-nav-list-text{font-size:1.6rem;font-weight:700;padding:2.2rem 3rem;text-transform:uppercase}.main-nav-list-text-a{cursor:pointer;letter-spacing:1px;transition:all .3s}.main-nav-list-text-a:link,.main-nav-list-text-a:visited{color:#333}.main-nav-list-text-a:active,.main-nav-list-text-a:hover{color:#3066be}.main-nav-img-name-box{align-items:center;display:flex}.menu-toggle-btn{background:none;border:none;cursor:pointer;display:none}.hero-container{background-image:linear-gradient(#eeeeeef2,#f1f1f1f2),url(/static/media/hero-bg5.1828f24bc8f1410dc69b.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh}.hero-container,.hero-content{align-items:center;display:flex;justify-content:center}.hero-content{flex-direction:column;max-width:100%;padding:0 2rem;width:90rem}.hero-header{font-family:Poppins,sans-serif;font-size:6rem;font-weight:700;letter-spacing:1px;margin-bottom:4.8rem;text-transform:uppercase}.hero-into{font-family:Source Sans Pro,sans-serif;font-size:2.2rem;letter-spacing:.75px;line-height:1.5;margin-bottom:4.8rem;text-align:center}.blue-button{background-color:#3066be;border:none;border-radius:6px;box-shadow:1rem 1rem 3rem 1rem #0000001a;color:#f0f8ff;font-size:2rem;font-weight:700;height:6rem;letter-spacing:1.5px;padding:1.5rem 8rem;text-align:center;text-transform:uppercase;transition:all .3s;width:26rem}.blue-button:active,.blue-button:hover{box-shadow:1rem 1rem 3rem 1rem #00000012;transform:translateY(-.3rem)}.abtme-container{margin:0 auto 9.6rem;max-width:130rem;padding:0 2rem;width:100%}.abtme-box{align-items:center;display:flex;flex-direction:column;margin:9.6rem auto;text-align:center}.abtme-header{font-family:Poppins,sans-serif;font-size:4rem;letter-spacing:3.5px;margin-bottom:.8rem;text-transform:uppercase}.abtme-empty{align-items:center;background-color:#3066be;border-radius:6rem;height:.5rem;justify-self:center;margin-bottom:2.4rem;width:6rem}.abtme-info{color:#555;font-family:Source Sans Pro,sans-serif;font-size:2.2rem;font-weight:500;letter-spacing:1px;line-height:1.5;max-width:100%;overflow-x:hidden;width:80rem}.abtme-2nd-section{grid-gap:4.6rem;display:grid;gap:4.6rem;grid-template-columns:1fr 1fr}.gtkm-header{font-size:2.8rem;margin-bottom:3rem}.gtkm-info{color:#555;font-size:1.8rem;line-height:1.7;margin-bottom:4.6rem}.gtkm-info-bold{color:#444;font-weight:700}.skill-text-container{align-items:center;display:flex;flex-wrap:wrap;font-family:YourPreferredFont,sans-serif;gap:2rem 2.6rem;padding:2rem 2rem 2rem 0}.skill-text-box{background-color:#eee;border-radius:6px;display:block;font-size:2rem;font-weight:500;padding:1rem 3rem;transition:all .5s}.html:hover{background-color:#e34c26}.css:hover{background-color:#639}.js:hover{background-color:#f0db4f}.react:hover{background-color:#1c2c4c}.py:hover{background-color:#ffd43b}.java:hover{background-color:#f89820}.cpp:hover{background-color:#59f}.git:hover{background-color:#000}.css:hover p,.html:hover p{color:#fff}.js:hover p{color:#323330}.react:hover p{color:#61dbfb}.py:hover p{color:#306998}.git:hover p{color:#fff}.mongo:hover{background-color:#4db33c}.mongo:hover p{color:#fff}.sql:hover{background-color:#00758f}.sql:hover p{color:#fff}.project-container{margin:0 auto 9.6rem;max-width:130rem;padding:0 2rem;width:100%}.project-each-box{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:6.4rem 0;max-width:100%;overflow-x:hidden}.mac-img{height:auto;max-width:100%;width:100%}.pro-2nd{align-items:start;display:flex;flex-direction:column;gap:3rem;justify-content:center}.pro-head{font-size:4rem}.pro-info{word-wrap:break-word;color:#555;font-size:2rem;max-width:100%;width:100%}.mac-img:hover{transform:scale(1.01);transition:.3s ease-in-out}.pro-icon-box{display:flex;gap:3rem;margin-top:1rem}.pro-icon{stroke:#555;cursor:pointer;transition:transform .2s ease,color .2s ease}.pro-icon:hover{stroke:#3066be;transform:scale(1.1)}.pro-icon-git:hover{fill:#3066be}.contact-section{background-color:#000;padding-bottom:7.2rem;padding-top:9.6rem}.contact-con{color:#fff;display:flex;justify-content:space-between;margin:0 auto;max-width:130rem;max-width:100%;overflow-x:hidden;padding:0 2rem;width:100%}.contact-info{display:flex;flex-wrap:wrap;gap:3rem;margin:0;max-width:50rem;width:100%}.contact-header{color:#fff;font-size:2.4rem;letter-spacing:1px}.contact-text{color:#fff;font-size:1.2rem;letter-spacing:1px;line-height:1.5}.contact-social{max-width:50rem}.con-s{margin-bottom:2rem}.contact-icon{color:#fff;display:flex;gap:1rem}.contact-social-box{display:flex;gap:2rem}.con-icon{fill:#fff}#about,#project{scroll-margin-top:12rem}@media (max-width:84em){html{font-size:60%}}@media (max-width:75em){html{font-size:56.25%}.hero-header{font-size:5.6rem;margin-bottom:3.6rem}.hero-into{font-size:1.8rem;margin-bottom:3.6rem}.blue-button{align-self:center;font-size:1.6rem;justify-self:center;margin:0 auto;padding:1.5rem 8rem;text-align:center}#about,#project{scroll-margin-top:10rem}.abtme-header{font-size:3.6rem}.abtme-info{font-size:1.8rem}.gtkm-header{font-size:2.4rem}.gtkm-info{font-size:1.6rem}.abtme-box{margin-bottom:5.6rem}.skill-text-box{font-size:1.8rem}.project-each-box{gap:3rem;margin-bottom:6.4rem}}@media (max-width:59em){html{font-size:45%}}@media (min-width:768px){.mac-img{max-width:60rem}}@media (max-width:44em){html{font-size:40%}.abtme-2nd-section{grid-template-columns:1fr}.gtkm-header{font-size:3.6rem}.gtkm-info{font-size:2rem}.abtme-container{padding:0 4rem}.abtme-box{margin-bottom:5.6rem}.skill-text-box{font-size:2.2rem}.abtme-2nd-section{gap:6.4rem}.project-each-box{align-items:center;gap:3rem;grid-template-columns:1fr;justify-items:center;margin-bottom:6.4rem}.do-up{grid-row:1/-1}.pro-2nd{gap:2.4rem}.project-container{padding:0 4rem}.pro-head,.pro-info{align-self:center}.pro-icon{height:4rem;width:4rem}.pro-2nd{align-items:center}.abtme-info{width:auto}}@media (max-width:34em){.main-nav-list-box{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;display:flex;flex-direction:column;gap:5.6rem;height:100vh;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:translateX(100%);transition:all .5s ease-in;visibility:hidden;width:100%}.nav-open.main-nav-list-box{opacity:1;pointer-events:auto;transform:translateX(0);visibility:visible}.menu-toggle-btn{background:none;border:none;cursor:pointer;display:block;position:fixed;right:2rem;top:2rem;z-index:1000}.nav-mobile{font-size:4rem}.hero-header{font-size:4.8rem;margin-bottom:3.6rem}.mac-img{margin-top:4rem}}@media (max-width:29em){html{font-size:35%}.hero-header{font-size:4rem;margin-bottom:3.6rem}.contact-con{flex-direction:column}.contact-header{margin-top:3.5rem}.mac-img{position:relative;width:48rem;z-index:10}}@media (max-width:21em){.mac-img{position:relative;width:40rem;z-index:10}}
/*# sourceMappingURL=main.88d7ca7e.css.map*/