@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&display=swap);.body{background-color:#fff;margin:0;padding:0}.body,h1,h2,h3,h4,h5,h6{font-family:Roboto,Open Sans,sans-serif}h1,h2,h3,h4,h5,h6{color:#f5f5f5}a{color:#fff;position:relative;text-decoration:none;transition:color .3s}a:hover{color:#4fc3f7;font-weight:700}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.loading-app{background:linear-gradient(180deg,#000000b3,#ffffffb3);height:300px;text-align:center;width:auto}.loading-h2{color:#000;font-family:Poppins;font-size:50px;font-weight:700;padding-top:300px;text-shadow:2px 2px 4px #00000080}.header{align-items:center;background-color:#0a0a0a;color:#61dafb;display:flex;height:200px;justify-content:center;padding:20px}.logo{height:350px;width:350px}.menu{align-items:flex-start;display:flex;flex:1 1;height:60px;justify-content:flex-start;text-align:center;width:100%}.logo-container{margin-right:20px;max-width:350px;width:100%}.h-animation{color:#fff;font-family:Dancing Script;font-size:40px;font-weight:700;margin:0;text-shadow:0 0 5px #4fc3f7,0 0 10px #65c8f7,0 0 15px #4fc3f7;transition:border-right .5s linear;width:auto}.h-animation,.target{overflow:hidden;white-space:nowrap}.target{margin-left:1rem}.target:after{animation:anim 1.5s linear infinite;content:"";height:3rem;opacity:1;position:absolute;right:-5px;top:0;transform:translateY(-4px);width:5px}@keyframes anim{50%{opacity:.1}to{opacity:1}}.circular{border-radius:100px;display:inline-block;height:150px;vertical-align:middle}.circular,.circular-rotate{position:relative;width:150px}.circular-rotate{border:6px solid #61dafb;border-bottom:#61dafb;border-top:#61dafb;box-shadow:0 4px 10px #00000073}.circular-rotate:after{animation:rotate 2s linear infinite;animation-delay:.5s;border-bottom:6px solid #0000;border-radius:100px;border-top:6px solid #0000;border-color:#99e2d0 #0000;border-style:solid;border-width:6px;bottom:-6px;content:"";left:-6px;position:absolute;right:-6px;top:-6px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}nav{align-items:center;background:linear-gradient(180deg,#000000b3,#ffffffb3);display:flex;gap:100px;justify-content:flex-start;padding:20px;width:auto}nav a{margin-top:5px;text-decoration:none}nav a:hover{border:2px solid #0f0e0e;border-radius:5px;padding:10px}.back-intro{align-items:flex-start;background:linear-gradient(180deg,#000,grey);color:#fff;display:flex;flex-direction:column;padding:80px}.h-intro{border:1px solid #fff;border-radius:4px;justify-content:center;padding:5px;text-shadow:0 0 5px #4fc3f7,0 0 10px #65c8f7,0 0 15px #4fc3f7;width:auto}.h-intro,.letter-space{color:#f5f5f5;letter-spacing:2px}.letter-space{line-height:30px}.p1{animation:P1 2s ease-in-out}@keyframes P1{0%{opacity:0;transform:scale(0)}85%,to{opacity:1}to{transform:scale(1)}}.p2{animation:P2 2s ease-in-out .4s}@keyframes P2{0%{opacity:0;transform:scale(0)}85%,to{opacity:1}to{transform:scale(1)}}.p3{animation:P3 2s ease-in-out .8s}@keyframes P3{0%{opacity:0;transform:scale(0)}85%,to{opacity:1}to{transform:scale(1)}}.p4{animation:P4 2s ease-in-out 1.2s}@keyframes P4{0%{opacity:0;transform:scale(0)}85%,to{opacity:1}to{transform:scale(1)}}.p5{animation:P5 2s ease-in-out 1.6s}@keyframes P5{0%{opacity:0;transform:scale(0)}85%,to{opacity:1}to{transform:scale(1)}}.circular-image{border-radius:50%;height:700px;margin-bottom:100px;margin-left:700px;object-fit:cover;opacity:40%;width:700px}.circular-logo{border-radius:50%;height:95%;width:95%}.skills-container{display:flex;flex-wrap:wrap;justify-content:space-between}.skill-item{border:1px solid #ddd;height:200px;margin:10px;padding:10px;width:200px}.skill-item,.skills-h3{border-radius:5px;box-shadow:0 0 5px #4fc3f7,0 0 10px #65c8f7,0 0 15px #4fc3f7}.skills-h3{border:1px solid #fff;padding:5px;text-align:center;width:100px}.skill-icon{height:120px;padding-top:20px;width:120px}.skill-details{align-items:center;display:flex;flex-direction:column;padding-top:30px}.progress-container{display:flex;flex-direction:column;margin-top:10px;width:150px}progress{margin-bottom:5px;width:100%}span{font-weight:700}.projects-container{display:flex;flex-wrap:wrap;justify-content:space-around}.project-card{border-radius:10px;cursor:pointer;height:400px;margin:20px;perspective:1000px;position:relative;transform-style:preserve-3d;transition:transform .4s ease-in-out;width:300px}.project-card:hover{transform:rotateY(180deg)}.card-back,.card-front{align-items:center;backface-visibility:hidden;border:1px solid #fff;border-radius:10px;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%}.card-front{background-color:#fff;border-radius:10px;justify-content:flex-start}.card-back,.card-front{box-shadow:0 0 5px #4fc3f7,0 0 10px #65c8f7,0 0 15px #4fc3f7}.card-back{background:linear-gradient(180deg,#000,grey);transform:rotateY(180deg)}.card-image{border-radius:10px;height:80%;object-fit:cover;width:100%}.card-title{color:#000;height:45px;margin-top:15px;width:150px}.card-description,.card-title{border-radius:5px;text-align:center}.card-description{color:#fff;font-size:14px;font-weight:300;letter-spacing:1px;margin-bottom:10px;padding:5px}.card-technologies{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr 1fr;list-style-type:none;margin:0;padding:0}.card-technologies li{margin-bottom:5px;margin-left:5px}.tech-icon{height:auto;max-width:90%;padding-top:50px}.in-progress-text{background:#00bfff;border:1px solid #080808;border-radius:5px;color:#060606;font-size:18px;font-weight:700;left:180px;padding:5px;position:absolute}.github-link{height:50px;padding-top:20px;width:50px}.website-link{border-radius:2px;height:40px;padding-top:25px;width:40px}.back-contact{align-items:center;background:linear-gradient(180deg,#000,grey);border:1px solid #fff;color:#fff;display:flex;flex-direction:column;padding:80px}.contact-text{display:flex}.contact-text,.intro-contact{border:none;width:1000px}.form-control{height:auto;padding:15px}.textarea{border-radius:15px;height:150px;padding:15px;width:290px}.back-footer{align-items:center;background-color:#0a0a0a;border-top:1px solid #fff;display:flex;flex-direction:column;padding:50px 20px 20px;position:relative}.visit-counter{background-color:#000;border:1px solid #fff;border-radius:5px;bottom:15px;box-shadow:0 0 5px #4fc3f7,0 0 10px #65c8f7,0 0 15px #4fc3f7;color:#fff;font-family:Oxygen,sans-serif;font-size:12px;font-weight:300;left:100px;padding:5px 10px;position:absolute}.a{display:flex;gap:25px}@media screen and (min-width:2000px){.circular-image{margin-left:900px}}.scroll-to-top-button{border:none;border-radius:5px;bottom:20px;box-shadow:0 0 5px #4fc3f7,0 0 10px #65c8f7,0 0 15px #4fc3f7;cursor:pointer;display:none;padding:10px 15px;position:fixed;right:20px}.scroll-to-top-button.visible{display:inline-block}.scroll-to-top-button svg{color:#000;font-size:20px}@media screen and (max-width:1530px){.circular-image{height:500px;margin-left:700px;width:500px}}@media screen and (max-width:1320px){.circular-image{height:500px;margin-left:600px;width:500px}}@media screen and (max-width:1220px){.circular-image{height:400px;margin-left:450px;width:400px}.intro-contact,.intro-resp{width:auto}}@media screen and (max-width:1024px){nav{gap:100px;width:auto}.circular-image{height:400px;margin-left:350px;width:400px}}@media screen and (max-width:849px){.menu{display:none}.logo-container{margin-bottom:20px;margin-left:40px;margin-top:20px}.logo{height:100%;width:100%}.circular-image{height:200px;margin-left:0;width:200px}.intro-resp{display:flex;flex-direction:column}.intro-contact{text-align:center;width:auto}.letter-space{letter-spacing:1px}@media screen and (max-width:686px){nav{border:1px solid #000;flex-wrap:wrap;gap:30px;justify-content:space-between;width:auto}form{padding:0;width:80%}.back-contact{border:none;padding:0}.skills-h3{margin:8px}.skills-container{justify-content:center}.visit-counter{bottom:25px;font-size:10px;left:20px;padding:2px 4px;position:absolute}}}.target-cursor-wrapper{height:0;left:0;mix-blend-mode:difference;pointer-events:none;position:fixed;top:0;transform:translate(-50%,-50%);width:0;z-index:9999}.target-cursor-dot{background:#f8fafa;border-radius:50%;height:6px;transform:translate(-50%,-50%);width:6px}.target-cursor-corner,.target-cursor-dot{left:50%;position:absolute;top:50%;will-change:transform}.target-cursor-corner{border:3px solid #fff;height:12px;opacity:0;transition:opacity .3s ease;width:12px}.corner-tl{border-bottom:none;border-right:none;transform:translate(-150%,-150%)}.corner-tr{border-bottom:none;border-left:none;transform:translate(50%,-150%)}.corner-br{border-left:none;border-top:none;transform:translate(50%,50%)}.corner-bl{border-right:none;border-top:none;transform:translate(-150%,50%)}
/*# sourceMappingURL=main.7f877cc4.css.map*/