@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);.nav--container{align-items:center;background-color:#003554;display:flex;justify-content:space-around;padding:5px 10px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:999}.nav--container h1{color:#f0f8ff;cursor:default;font-size:45px}.nav--container .ul-link-container{align-items:center;cursor:pointer;display:flex;gap:35px}.nav--container .anchor-link{color:#f5f5f5;text-decoration:none}.nav--container .ul-link-container li{font-size:28px;list-style:none}.underline-img{width:20px}.menuimg{cursor:pointer;display:none;height:60px;width:60px}.ul-link-active{align-items:center;background-color:#0d1b2a;flex-direction:column;left:0;padding:10px;position:absolute;top:55px;transition:all .3s ease-in-out;width:100%}@media screen and (max-width:950px){.nav--container{padding:3px 5px}.nav--container h1{font-size:35px}.menuimg{display:block;height:45px;width:45px}.nav--container{background-color:#0d1b2a;justify-content:space-between;padding:10px;position:static}.ul-link-container{position:absolute;top:-70px}}@media screen and (max-width:550px){.nav--container{padding:3px 5px}.nav--container h1{font-size:35px}.menuimg{height:45px;width:45px}.ul-link-active{top:50px}}*{box-sizing:border-box;font-family:DM Sans,sans-serif;margin:0;padding:0}.app--container{align-items:center;display:flex;flex-direction:column}.hero--container{align-items:center;display:flex;gap:50px;height:100vh;width:75%}.hero--container article{align-items:center;display:flex;flex-direction:column;gap:10px}.hero--container article h1{font-size:60px;text-align:center}.hero--container article h1:first-line{color:#00afb9}.hero--container article h2{color:#03045e;font-size:35px;text-align:center}.hero--container article p{font-size:22px;text-align:center}.hero--img{height:420px;width:420px}.AI--img{border-radius:100%;box-shadow:0 10px 20px #0a0909;cursor:pointer;display:none;height:400px;transition:.3s;width:400px}.AI--img:hover{transform:scale(1.1)}ul{display:flex;gap:15px;list-style:none}.example-2 .icon-content{margin:0;position:relative}.example-2 .icon-content .tooltip{border-radius:5px;color:#fff;font-size:14px;left:50%;opacity:0;padding:6px 10px;position:absolute;top:-30px;transform:translateX(-50%);transition:all .3s ease;visibility:hidden}.example-2 .icon-content:hover .tooltip{opacity:1;top:-50px;visibility:visible}.example-2 .icon-content a{align-items:center;background-color:#fff;border-radius:50%;color:#4d4d4d;display:flex;height:50px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease-in-out;width:50px}.example-2 .icon-content a:hover{box-shadow:3px 2px 45px 0 #0000001f}.example-2 .icon-content a svg{height:30px;position:relative;width:30px;z-index:1}.example-2 .icon-content a:hover{color:#fff}.example-2 .icon-content a .filled{background-color:#000;bottom:0;height:0;left:0;position:absolute;top:auto;transition:all .3s ease-in-out;width:100%}.example-2 .icon-content a:hover .filled{height:100%}.example-2 .icon-content a[data-social=linkedin] .filled,.example-2 .icon-content a[data-social=linkedin]~.tooltip{background-color:#0274b3}.example-2 .icon-content a[data-social=github] .filled,.example-2 .icon-content a[data-social=github]~.tooltip{background-color:#24262a}.example-2 .icon-content a[data-social=instagram] .filled,.example-2 .icon-content a[data-social=instagram]~.tooltip{background:linear-gradient(45deg,#405de6,#5b51db,#b33ab4,#c135b4,#e1306c,#fd1f1f)}.example-2 .icon-content a[data-social=youtube] .filled,.example-2 .icon-content a[data-social=youtube]~.tooltip{background-color:red}@media screen and (max-width:700px){.hero--container{flex-direction:column-reverse;gap:35px;justify-content:center}.hero--container article h1{font-size:40px}.hero--container article h2{font-size:25px}.hero--container article p{font-size:15px}.hero--img{display:none}.AI--img{display:block;height:300px;width:280px}}@media screen and (max-width:400px){.hero--container{gap:40px}.AI--img{height:250px;width:220px}.hero--container article h1{font-size:32px}.hero--container article h2{font-size:18px}.hero--container article p{font-size:10px}}.about--container{align-items:center;display:flex;gap:30px;height:100vh;justify-content:center}.my-image{border:3px solid #023047;border-radius:20px;cursor:pointer;height:410px;transition:.2s;width:310px}.my-image:hover{box-shadow:3px 5px 15px #0a0909;transform:scale(1.05)}.about--container article{align-items:center;display:flex;flex-direction:column;gap:10px;width:60%}.about--container article h1{color:#c1121f;font-size:35px}.about--container article h2{font-size:30px}.about--container article p{font-size:20px}.about--container article button{background-color:#003566;border:none;border-radius:5px;color:#f0f8ff;cursor:pointer;padding:5px 10px;text-align:center}.about--container article button a{color:#f5f5f5;font-size:18px;padding:10px;text-align:center;text-decoration:none}@media screen and (max-width:800px){.about--container{gap:25px}.about--container article{gap:9px}.my-image{height:310px;width:210px}.about--container article h1{font-size:17px}.about--container article h2{font-size:22px}.about--container article p{font-size:12px}.about--container article button{padding:4px 9px}.about--container article button a{font-size:14px;padding:9px}}@media screen and (max-width:630px){.about--container{gap:20px}.about--container article{gap:7px}.my-image{height:270px;width:190px}.about--container article h1{font-size:15px}.about--container article h2{font-size:20px}.about--container article p{font-size:11px}.about--container article button{padding:3px 8px}.about--container article button a{font-size:13px;padding:7px}.about--container article{gap:10px}.my-image{display:none}.about--container article h1{font-size:20px;text-align:center}.about--container article h2{font-size:25px;text-align:center}.about--container article p{font-size:13px;text-align:center}.about--container article button{padding:5px 10px}.about--container article button a{font-size:18px;padding:10px}}.skill--container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-evenly}.skill--container h1{font-size:70px}.all-skills{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:space-evenly}.tick-svg{height:40px}.backend,.framework,.frontend{gap:30px}.backend,.backend section,.framework,.framework section,.frontend,.frontend section{align-items:center;display:flex}.backend section p,.framework section p,.frontend section p{font-size:35px}@media screen and (max-width:500px){.skill--container h1{font-size:50px}.tick-svg{height:30px}.backend,.framework,.frontend{gap:25px}.backend section p,.framework section p,.frontend section p{font-size:30px}}@media screen and (max-width:410px){.skill--container{gap:25px;justify-content:center}.skill--container h1{font-size:35px}.tick-svg{height:15px}.backend,.framework,.frontend{gap:15px}.backend section p,.framework section p,.frontend section p{font-size:15px}}.project--container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-around;padding:60px}.project--container h1{color:#03045e;font-size:50px}.project-cards{display:flex;flex-wrap:wrap;gap:20px;height:600px;justify-content:center;width:100%}.project-cards a{color:#000;text-decoration:none}.project-card{align-items:center;display:flex;flex-direction:column;gap:10px;padding:10px;transition:.5s;width:400px}.project-card:hover{background-color:#060742;color:#fff;transform:scale(1.1)}.project-image{border-radius:100%;height:150px;width:150px}.project-card h2{font-size:20px;text-align:center}.project-card p{font-size:15px;text-align:center}@media screen and (max-width:1300px){.project-card{gap:5px;width:200px}.project-image{height:100px;width:100px}.project-card h2{font-size:17px}.project-card p{font-size:12px}.project-cards{gap:45px;overflow:scroll}.project--container h1{font-size:40px}}.contact--container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-evenly}.contact--container h1{color:#03045e;font-size:50px}.contact--container form{align-items:center;display:flex;flex-direction:column;gap:40px}form input{border:1px solid gray;border-radius:20px;height:60px}form input,form textarea{font-size:20px;padding:10px;width:800px}form textarea{border-radius:20px;height:200px;resize:none}.button{background-color:initial;border:2px solid #c1a362;border-radius:34px;color:#c1a362;cursor:pointer;font-size:18px;font-weight:600;overflow:hidden;padding:10px 24px;position:relative;transition:all .3s cubic-bezier(.23,1,.32,1)}.button:before{background-color:#c1a362;border-radius:inherit;content:"";height:50px;inset:0;margin:auto;position:absolute;scale:0;transition:all .6s cubic-bezier(.23,1,.32,1);width:50px;z-index:-1}.button:hover:before{scale:3}.button:hover{box-shadow:0 0 20px #c1a36266;color:#212121;scale:1.1}.button:active{scale:1}@media screen and (max-width:1270px){.contact--container{gap:10px;justify-content:center}.contact--container h1{font-size:40px}.contact--container form{gap:30px}form input{height:50px}form input,form textarea{font-size:18px;padding:15px;width:700px}form textarea{height:180px}.button{font-size:15px;padding:15px 20px}}@media screen and (max-width:750px){.contact--container form{gap:25px}form input{height:45px}form input,form textarea{font-size:15px;padding:18px;width:600px}form textarea{height:140px}.button{font-size:13px;padding:8px 22px}}@media screen and (max-width:630px){.contact--container form{gap:20px}form input{height:45px}form input,form textarea{font-size:12px;padding:18px;width:500px}form textarea{height:100px}.button{font-size:11px;padding:7px 21px}}@media screen and (max-width:530px){.contact--container h1{font-size:35px}.contact--container form{gap:15px}form input{height:40px}form input,form textarea{font-size:11px;width:350px}form textarea{height:90px}.button{font-size:10px;padding:6px 20px}}@media screen and (max-width:430px){.contact--container{gap:50px;justify-content:center}.contact--container h1{font-size:30px}.contact--container form{gap:10px}form input{height:30px}form input,form textarea{font-size:10px;width:250px}form textarea{height:75px}.button{font-size:8px;padding:5px 19px}}
/*# sourceMappingURL=main.1b8988d7.css.map*/