.App>div{padding-left:10rem;padding-right:10rem}.App.light{background-color:#f5f5f5;color:#000;transition:all .5s}.App.light .light{background:linear-gradient(to bottom left,#1da1f2,#6253e8);box-shadow:none;color:#fff;transition:all 1s}.dark{background-color:#181721;box-shadow:30px 20px 5px #232135;color:#fff;padding-bottom:100px;padding-top:100px;transition:all .5s}h2{font-size:calc(1vw + 1rem);font-weight:500}.dark:last-of-type{align-items:center;display:flex;flex-wrap:wrap;font-size:calc(1vw + 1.1rem);justify-content:space-between;padding-bottom:20px;padding-top:20px}.arrow{background-color:#232135;border-radius:10px;cursor:pointer;display:grid;height:60px;place-items:center;transition:all .5s;width:60px}.arrow svg{color:#6253e8}.light .arrow{background-color:#f5f5f5;transition:all .5s}@media only screen and (max-width:800px){.App>div{padding-left:2.5rem;padding-right:2.5rem}}@media only screen and (max-width:418px){.dark:last-of-type{font-size:calc(1vw + .8rem)}}:root{--gradient:linear-gradient(to bottom right,#1da1f2,#6253e8)}.home{align-items:center;display:flex;justify-content:space-between;padding-bottom:40px;padding-top:10rem;position:relative}.home-text h1{font-size:calc(1vw + 3rem);height:auto}.gradientText{background:linear-gradient(to bottom right,#1da1f2,#6253e8);background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.home-text h1 span:last-of-type span:first-of-type{cursor:pointer}.home-text h1 span:last-of-type span:last-of-type{background:transparent;border:1px solid #1da1f2;border-radius:5px;display:inline-block;font-size:calc(1vw + .85rem);left:345px;overflow:hidden;position:absolute;text-align:center;top:180px;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);width:200px}.react-typewriter-text-wrap{margin-top:-3rem}.home-text .react-typewriter-text{font-size:calc(1vw + 1.7rem);font-weight:300;overflow:hidden}.btns{display:flex;margin-top:.5rem}.btn1,.btn2{border-radius:10px;color:#fff;cursor:pointer;display:grid;font-weight:300;place-items:center;text-decoration:none}.btn1{background:linear-gradient(to bottom right,#1da1f2,#6253e8);background:var(--gradient);margin-right:10px;min-height:35px;width:120px}.btn2{background-clip:content-box,border-box;background-image:linear-gradient(#232135,#232135),radial-gradient(circle at top left,#1da1f2,#6253e8);background-origin:border-box;border:2px double transparent;width:150px}@media only screen and (max-width:1040px) and (min-width:899px){.home{padding-top:8rem}.home-text h1 span:last-of-type span:last-of-type{left:230px;top:140px;width:200px}.react-typewriter-text-wrap{margin-top:-1.5rem}}@media only screen and (max-width:900px) and (min-width:800px){.home{padding-top:8rem}.home-text h1 span:last-of-type span:last-of-type{left:250px;top:145px;width:200px}.react-typewriter-text-wrap{margin-top:-1.5rem}.home-text .react-typewriter-text{line-height:1.6rem}}@media only screen and (max-width:800px) and (min-width:600px){.home{padding-top:8rem}.home-text h1 span:last-of-type span:last-of-type{left:280px;top:145px;width:200px}}@media only screen and (max-width:600px){.home{padding-top:10rem}.home-text h1 span:last-of-type span:last-of-type{left:200px;top:155px;width:200px}.home-text h1{font-size:calc(1vw + 1.6rem)}.home-text .react-typewriter-text{font-size:calc(1vw + 1rem)}.react-typewriter-text-wrap{margin-top:-1.5rem}.btn1{width:90px}.btn2{width:120px}}@media only screen and (max-width:500px){.home-text h1 span:last-of-type span:last-of-type{left:63px;top:140px;-webkit-transform:rotate(20deg);transform:rotate(20deg);width:150px}}:root{--padding-width:10rem}.header{align-items:center;background-color:#232135;display:flex;justify-content:space-between;left:0;padding-left:10rem;padding-left:var(--padding-width);padding-right:10rem;padding-right:var(--padding-width);padding-top:1.3rem;position:fixed;top:0;width:calc(100vw - 20rem);width:calc(100vw - var(--padding-width)*2);z-index:101}.header.light{background:var(--gradient);color:#f5f5f5;transition:all 1s}.nav h1{cursor:pointer;font-size:calc(1vw + 1.3rem)}.nav ul{display:flex}.nav ul li{border-bottom:solid #232135;border-image-slice:1;border-width:2px;font-size:calc(1vw + .5rem);list-style:none;margin-left:4rem}.nav ul li:active,.nav ul li:hover{border-image-source:linear-gradient(90deg,#6253e8,#1da1f2);cursor:pointer}.menu-and-theme{align-items:center;display:flex;gap:1.2rem;justify-content:space-between}.theme-switch{background:transparent!important;cursor:pointer;margin-left:3rem;transition:all .6s}.theme-switch>svg{color:#fff;height:1.2rem;transition:all 1s;width:1.2rem}.menu{display:none}@media only screen and (max-width:800px){:root{--padding-width:2.5rem}.large{display:none}.menu{cursor:pointer;display:block;z-index:100}.small{align-items:center!important;background-color:#232135;display:flex;justify-content:center!important;min-height:100%;min-width:100%;position:fixed;right:0;top:0;z-index:16}.light .small{background-color:#1da1f2;color:#fff}.small>ul{flex-direction:column;padding:0}.small ul li{font-size:calc(1vw + 1.6rem);margin-left:0;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.theme-switch{background:transparent!important;margin-left:0;transition:all .6s}}:root{--project-width:250px;--border-radius:10px;--blob-left:238px}.project{background:#222134;border-radius:10px;border-radius:var(--border-radius);margin:0 2rem 2rem 0;max-width:250px;max-width:var(--project-width);min-width:250px;min-width:var(--project-width);padding:1.5rem;position:relative}.light .project{background-color:#d8e6ff;color:#000;transition:all .5s}.light .open{background-color:#000;color:#fff}.project>p{margin-top:-1.2rem}.project .tech-stack{display:flex;flex-wrap:wrap}.light .tech-stack{color:#fff;transition:all .5s}.project .tech-stack div{background:#191720;border-radius:10px;border-radius:var(--border-radius);display:grid;font-size:.6rem;margin:0 .5rem .25rem 0;max-height:20px;max-width:60px;min-height:20px;min-width:60px;padding:.4rem;place-items:center}.project .btns{display:flex;flex-wrap:wrap;justify-content:space-between}.project .btns a{border-radius:10px;border-radius:var(--border-radius);font-weight:600;margin-bottom:1rem;max-height:30.12048px;max-height:calc(var(--project-width)/8.3);max-width:100px;max-width:calc(var(--project-width)/2.5);min-height:30.12048px;min-height:calc(var(--project-width)/8.3);min-width:100px;min-width:calc(var(--project-width)/2.5);text-decoration:none}.open,.project .btns a{background:#f5f2f5;color:#222134;display:grid;place-items:center}.open{border-radius:50% 10px 50% 50%;font-size:9.61538px;font-size:calc(var(--project-width)/26);left:238px;left:var(--blob-left);max-height:60.97561px;max-height:calc(var(--project-width)/4.1);max-width:60.97561px;max-width:calc(var(--project-width)/4.1);min-height:60.97561px;min-height:calc(var(--project-width)/4.1);min-width:60.97561px;min-width:calc(var(--project-width)/4.1);position:absolute;text-align:center;top:0}@media screen and (max-width:430px){:root{--project-width:200px;--blob-left:200px}.project{margin:0 0 2rem}}.Projects{display:flex;flex-direction:column;margin-bottom:3rem;margin-top:-1.5rem}.Projects>div{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:2rem}:root{--social-main-color:#fff;--social-size:200px;--icon-size:calc(var(--social-size)/3.75)}.socials{padding-bottom:50px}.social{flex-wrap:wrap;justify-content:space-between}.social,.social div{align-items:center;display:flex}.social div{background:#181721;border:solid;border-image-slice:1;border-image-source:linear-gradient(60deg,#6253e8,#fff);border-image-source:linear-gradient(60deg,#6253e8,var(--social-main-color));border-width:1px;flex-direction:column;justify-content:center;margin-top:20px;min-height:200px;min-height:var(--social-size);width:150px;width:calc(var(--social-size) - 50px)}.social div svg{color:#fff;color:var(--social-main-color);min-height:53.33333px;min-height:var(--icon-size);width:53.33333px;width:var(--icon-size)}.social div p{font-size:1rem;font-weight:200}.social div a{background-color:#fff;background-color:var(--social-main-color);border-radius:10px;color:#fff;font-size:12.5px;font-size:calc(var(--social-size)/16);max-height:16px;max-height:calc(var(--social-size)/12.5);overflow:hidden;padding:10px;text-align:center;text-decoration:none;width:75%}.git{--social-main-color:#fff}.git a{color:#000!important}.twit{--social-main-color:#1da1f2}.link{--social-main-color:#0077b5}@media only screen and (max-width:386px){:root{--social-size:180px}}.about{padding-bottom:50px}.about .words p{font-size:calc(1vw + .7rem);font-weight:350}.words{margin-top:-20px}:root{--skill-color:#000;--skill-color-light:#6253e8;--container-width:600px;--skill-size:calc(var(--container-width)/5)}.skills{width:600px;width:var(--container-width)}.skill{display:flex;flex-wrap:wrap}.skill div{background-color:#ffffffe6;border-radius:20px;display:grid;margin-bottom:20px;margin-right:20px;min-height:120px;min-height:var(--skill-size);padding:5px;place-items:center;width:120px;width:var(--skill-size)}.skill p{font-weight:600;margin-bottom:-2px}.skill div svg,.skill p{color:#000;color:var(--skill-color)}.skill div svg{margin-bottom:-5px;min-height:80px;min-height:calc(var(--skill-size) - 40px);transition:all .39s ease-in-out;width:80px;width:calc(var(--skill-size) - 40px)}.light .skill svg{color:#6253e8;color:var(--skill-color-light);transition:all .5s}.js:hover{--skill-color:#fddd00}.html:hover{--skill-color:#f1662a}.css:hover,.react:hover{--skill-color:#00d8ff}.node:hover{--skill-color:#539e43}.andro:hover{--skill-color:#a259ff}.mon:hover{--skill-color:#41a247}.fire:hover{--skill-color:#eeab37}@media only screen and (max-width:600px){:root{--container-width:500px}}@media only screen and (max-width:500px){:root{--container-width:380px}}@media only screen and (max-width:350px){:root{--container-width:300px}}::-webkit-scrollbar{height:3px;width:3px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #232135}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#6253e8}*,html{overflow-x:hidden;-webkit-user-select:none;user-select:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#232135;color:#f5f5f5;font-family:Exo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding-right:0;padding-top:40px;scroll-behavior:smooth;scrollbar-color:#6253e8 #232135;scrollbar-width:thin}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.0346e082.css.map*/