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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:root{--color-dark:#2a2a2a;--color-yellow:#ffca2f;--body-bg:#fff;--text-color:#000;--link-color:#0e76a8;--border-color:#2a2a2a;--color-best:rgba(54,2,185,.6);--dark-bg:var(--color-dark);--dark-text-color:#fff;--dark-link-color:var(--color-yellow);--dark-border-color:#fff}*{box-sizing:border-box;font-family:Montserat,sans-serif;margin:0;scroll-behavior:smooth}.title{font-size:2rem}ul{list-style:none}body{line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}.flex{display:flex;gap:1rem}.grid{grid-gap:1rem;display:grid;gap:1rem}section{margin:0 auto;max-width:1440px;padding:4rem}.wrapper{background:#fff;background:var(--body-bg);color:#000;color:var(--text-color)}.dark-mode-checkbox:checked~.wrapper{--body-bg:var(--dark-bg);--text-color:var(--dark-text-color);--link-color:var(--dark-link-color);--border-color:var(--dark-border-color)}#darkMode{display:none;left:1rem;position:fixed;top:6rem}.dark-mode-toggle{cursor:pointer;left:2rem;position:fixed;top:6rem}.dark-mode-toggle:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.primary-header{align-items:center;background:#fff;background:var(--body-bg);box-shadow:0 0 3px 3px rgba(0,0,0,.2);justify-content:space-between;margin:auto;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:999}.primary-header .logo{align-items:center;gap:3rem;justify-content:center;position:relative}.primary-header .logo .logo2{align-items:center;display:flex}.primary-header .logo .logo2 img{border-radius:100%;margin-right:10px;width:40px}.primary-header .logo div:first-child h1{font-size:1.8rem}.primary-header .logo div:nth-child(2) h1{font-size:1rem;font-weight:400}.primary-header .logo .line:before{background:#ffca2f;background:var(--color-yellow);content:"";height:60%;left:53%;position:absolute;width:4px}.primary-header .right #check,.primary-header .right .menu-icon{display:none}.primary-header .right .navigation{gap:2.5rem;margin:0;padding:0}.primary-header .right .navigation li a:hover{color:#ffca2f;color:var(--color-yellow)}@media (max-width:768px){.primary-header .right .menu-icon{display:block}.primary-header .right .navigation{background:#fff;background:var(--body-bg);flex-direction:column;height:100vh;left:100%;position:fixed;top:4.7rem;transition:.5s ease-in-out;width:15rem}.primary-header .right .navigation li{padding-left:1rem}.primary-header .right #check:checked~ul{left:calc(100% - 15rem)}}@media (max-width:480px){.primary-header .logo{gap:1.5rem}.primary-header .logo div:first-child h1{font-size:1rem}.primary-header .logo div:nth-child(2) .line{font-size:.8rem}.primary-header .logo div:nth-child(2) .line:before{left:52%}}.section1{background:rgba(54,2,185,.6);background:var(--color-best);background:linear-gradient(180deg,#0b30c3,#fdfdfc);grid-template-areas:"one two";margin:4rem auto 3rem;padding:0 2rem;text-shadow:1px 1px 2px #3a04ed;width:90vw}.section1 .left{align-items:center;grid-area:one;justify-content:center;margin-top:-4rem}.section1 .left img{height:110%}.section1 .right{align-items:flex-start;flex-direction:column;gap:.8rem;grid-area:two;justify-content:center}.section1 .right div{flex-direction:column;gap:.6rem}.section1 .right div .name{color:#49047b;font-size:5rem;font-weight:700}.section1 .right div .tag{color:#49047b;font-size:3.5rem;font-weight:700}.section1 .right button{background:#000;border:none;border-radius:2rem;color:#fff;cursor:pointer;font-size:1rem;margin:1rem 0;padding:.8rem 1.2rem}.section1 .right button a a:hover,.section1 .right button a span i{color:#ffca2f;color:var(--color-yellow)}@media (max-width:1024px){.section1{grid-template-areas:"one" "two";padding-bottom:2rem}.section1 .right{align-items:center;gap:.5rem;margin-top:1rem}}@media (max-width:768px){.section1 .left img{width:70%}}.section2 .info-container{align-items:center;border:2px solid #2a2a2a;border:2px solid var(--border-color);border-radius:100px;justify-content:center;margin:auto;max-width:85%;min-height:7rem;padding:2rem}.section2 .info-container .info-lists{align-items:center;color:#000;color:var(--text-color);justify-content:space-around;width:100%}.section2 .info-container .info-lists .info-content .icon-container{align-items:center;background:#ffca2f;background:var(--color-yellow);border-radius:50%;height:3rem;justify-content:center;width:3rem}.section2 .info-container .info-lists .info-content .icon-container i{color:#fff;font-size:1.4rem}.section2 .info-container .info-lists .info-content span h5{letter-spacing:2px}.section2 .info-container .info-lists .info-content span p{color:#daa520}.section2 .info-container .info-lists .info-divider{background:grey;height:35px;width:2px}@media (max-width:1024px){.section2 .info-container{border-radius:30px;padding:1rem;width:60%}.section2 .info-container .info-lists{align-items:center;flex-direction:column;gap:1.5rem;justify-content:center}.section2 .info-container .info-divider{display:none}}.section3 .skills-container{gap:8rem;justify-content:center}.section3 .skills-container div{align-items:center;flex-direction:column;font-weight:700}.section3 .skills-container div i{color:#0b30c3;font-size:3rem}@media (max-width:1024px){.section3 .skills-container{gap:4rem}}@media (max-width:768px){.section3 .skills-container{flex-wrap:wrap;gap:2.5rem;justify-content:center}.section3 div i{color:#0b30c3;width:4rem}}.section4{align-items:center;flex-direction:column;justify-content:center}.section4 .projects-container{gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));justify-content:space-between;padding:3rem 2rem 0;width:100%}.section4 .projects-container .project-card{box-shadow:0 4px 12px 4px rgba(0,0,0,.3);cursor:pointer;flex-direction:column}.section4 .projects-container .project-card .top img{height:250px;width:100%}.section4 .projects-container .project-card .bottom{margin-top:1.2rem;padding:1rem}.section4 .projects-container .project-card .bottom p{font-size:1.3rem}.section4 .projects-container .project-card .bottom p:nth-child(2){font-weight:700;margin-top:1.2rem}.section5{align-items:center;flex-direction:column;justify-content:center}.section5 .about-container{padding:3rem}.section5 .about-container .left{display:flex;justify-content:center;padding:0 2rem;position:relative;width:50%}.section5 .about-container .left .bg{background:#ffca2f;background:var(--color-yellow);bottom:0;height:65%;position:absolute;width:95%;z-index:-1}.section5 .about-container .left img{width:100%}.section5 .about-container .right{flex-direction:column;gap:2rem;padding:0 2rem;width:50%}.section5 .about-container .right h1{font-size:3.5rem}.section5 .about-container .right p:nth-child(2){font-weight:500}.section5 .about-container .right p:nth-child(3){font-weight:300}.section5 .about-container .right a{color:#0e76a8;color:var(--link-color);text-decoration:underline}.section5 .about-container .right>div{flex-direction:column}.section5 .about-container .right>div .tag{font-weight:700}.section5 .about-container .right>div div{display:flex;gap:3rem}.section5 .about-container .right>div div span{border-radius:.8rem;padding:.5rem .7rem}.section5 .about-container .right>div div span:hover{background:#bdbcbc;color:#fff;cursor:pointer}@media (max-width:1024px){.section5 .about-container{flex-direction:column}.section5 .about-container .left,.section5 .about-container .right{text-align:center;width:100%}}@media (max-width:768px){.section5 .about-container{padding:3rem 0}.section5 .about-container .left,.section5 .about-container .right{padding:0}}.section6{align-items:center;flex-direction:column;gap:2rem;justify-content:center;margin-top:2rem}.section6 .socials{gap:8rem;padding:4rem}.section6 .socials i{font-size:3.8rem}.section6 .socials i:first-child,.section6 .socials i:nth-child(3){color:blue}.section6 .socials i:nth-child(4){color:cyan}@media (max-width:1024px){.section6 .socials .skills-container{gap:4rem}}@media (max-width:768px){.section6 .socials .socials{flex-wrap:wrap;gap:2.5rem;justify-content:center}.section6 .socials div i{color:#0b30c3;width:4rem}}.section6 .email{align-items:center;background:#2a2a2a;background:var(--border-color);border-radius:100px;cursor:pointer;display:flex;gap:1rem;padding:1rem 2rem}.section6 .email a{color:#999}.section6 .email .send{align-items:center;background:#ffca2f;background:var(--color-yellow);border-radius:50%;color:#fff;display:flex;height:3rem;justify-content:center;width:3rem}@media (max-width:768px){.socials{gap:3rem}.socials i{font-size:3rem}}footer{background:#232323;color:#fff}footer .footer-container{flex-direction:column;margin:0 auto;max-width:1440px}footer .footer-container .footer-top{align-items:flex-start;justify-content:space-around;margin:0 auto;padding:4rem;text-align:center;width:80%}footer .footer-container .footer-top div{flex-direction:column}footer .footer-container .footer-top div h3{text-transform:uppercase}footer .footer-container .footer-top div ul{flex-direction:column;gap:.5rem;padding:0}footer .footer-container .footer-top div ul li:hover{color:#ffca2f;color:var(--color-yellow);cursor:pointer}footer .footer-container .footer-bottom{justify-content:center;padding-bottom:2rem}@media (max-width:480px){footer .footer-top{align-items:center;flex-direction:column;justify-content:center}}.scroll-to-top{background:#ffca2f;background:var(--color-yellow);border-radius:50%;bottom:2rem;cursor:pointer;height:60px;padding:.5rem;position:fixed;right:2rem;width:60px;z-index:999}.scroll-to-top .scroll-btn{-webkit-animation:arrow 1.5s ease infinite;animation:arrow 1.5s ease infinite;border-radius:50%;font-size:1.5rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes arrow{0%{top:50%}50%{opacity:.1;top:70%}to{top:40%}}@keyframes arrow{0%{top:50%}50%{opacity:.1;top:70%}to{top:40%}}
/*# sourceMappingURL=main.22360ac1.css.map*/