@import"https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap";html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto Flex,sans-serif;background-color:#171513;overflow-x:hidden;height:100vh}header{width:100vw;height:10vh}nav{width:100vw;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;height:10vh;margin-top:-20px}nav img{width:170px;height:170px}nav ul{list-style-type:none;display:flex}ul li{margin:10px;padding:10px}ul li a{text-decoration:none;color:#fff;font-size:1.2rem;transition:all .3s ease-in-out}.active{color:#ff73b9}.diactive:hover{margin-top:-10px;text-shadow:0 0 10px #fff,0 0 20px #b52efb,0 0 30px #ff73b9;transition:all .3s ease-in-out}.contact{padding:20px;background:linear-gradient(to right,#ff73b9,#b52efb);color:#fff;border:none;border-radius:50px;cursor:pointer;font-size:1.2rem}.contact:hover{animation:move 1s linear infinite}.contact a{color:#fff;text-decoration:none}.nav-toggle{background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;display:none}.nav-menu{list-style:none;display:flex;gap:1rem;transition:all .3s ease-in-out}.nav-menu.open{display:block;flex-direction:column;align-items:center;background:#171513;padding:1rem;border-radius:10px}.container{display:flex;flex-flow:wrap column;align-items:center;width:50%;margin:20vh auto auto;height:80vh}.container img{width:200px;height:200px;border-radius:100%;margin-bottom:30px;box-shadow:0 0 10px 10px #ff73b963}.container h1{font-size:3rem;margin-bottom:30px;color:#fff;text-align:center}.container h1 span{background:linear-gradient(90deg,#b52efb,#ff73b9,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container p{font-size:1.1rem;margin-bottom:30px;text-align:center;color:#fff;font-size:1.2rem}.buton{display:flex;justify-content:center;margin:30px auto auto}.buton .contact{margin-bottom:30px;padding:20px 50px;background:linear-gradient(to right,#ff73b9,#b52efb);color:#fff;border:none;border-radius:50px;cursor:pointer;font-size:1.2rem;max-width:fit-content}.resume{margin-bottom:30px;padding:20px 50px;max-width:fit-content;background:transparent;color:#fff;border:1.5px solid #fff;border-radius:50px;cursor:pointer;font-size:1.2rem;margin-left:50px}.resume a{color:#fff;text-decoration:none}.skill:hover{transform:scale(1.03);transition:all .5s ease-in-out}section h1{font-size:3rem;margin-bottom:30px;color:#fff;text-align:center}section h1 span{display:block;width:150px;height:8px;margin:10px auto 0;background:linear-gradient(to right,#ff0080,#b52efb)}.card-container{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:20px;padding:20px}.card-container .card{width:400px;height:300px;background:transparent;border:#fff 2px solid;box-shadow:0 0 10px #0003;margin:20px;transition:all .3s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border-radius:10px}.card-container .card:hover{transform:scale(1.05);box-shadow:0 0 15px #00000080}.card-container .card h3{font-size:2rem;margin-bottom:20px;background:linear-gradient(90deg,#b52efb,#ff73b9,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card-container .card p{font-size:1.2rem;color:#fff;line-height:1.6;margin-bottom:20px}button{position:relative;display:inline-block;cursor:pointer;outline:none;border:0;vertical-align:middle;text-decoration:none;background:transparent;padding:0;font-size:inherit;font-family:inherit}button.learn-more{width:12rem;height:auto}button.learn-more .circle{transition:all .45s cubic-bezier(.65,0,.076,1);box-shadow:0 0 5px 1px #fff;position:relative;display:block;margin:0;width:2.5rem;height:2.5rem;background:#282936;border-radius:2rem}button.learn-more .circle .icon{transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;bottom:0;margin:auto;background:#fff}button.learn-more .circle .icon.arrow{transition:all .45s cubic-bezier(.65,0,.076,1);left:.425rem;width:1.125rem;height:.125rem;background:none}button.learn-more .circle .icon.arrow:before{position:absolute;content:"";top:-.29rem;right:.0625rem;width:.625rem;height:.625rem;border-top:.125rem solid #fff;border-right:.125rem solid #fff;transform:rotate(45deg)}button.learn-more .button-text a{transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;text-decoration:none;top:-5px;left:0;right:0;bottom:0;padding:.75rem 0;margin:0 0 0 1.85rem;color:#ffffff7e;font-weight:700;line-height:1.6;text-align:center;text-transform:uppercase}button:hover .circle{width:100%;box-shadow:0 0 10px 2px #fff}button:hover .button-text a{transform:translate(-1.7rem)}button:hover .circle .icon.arrow{background:#fff;transform:translate(8.7rem)}button:active .circle .icon.arrow{transform:translate(9.5rem);transition:all .3s}button:active .circle{transform:scale(.9);transition:all .3s;box-shadow:0 0 5px .5px #fff}button:hover .button-text a{color:#fff}button:active .button-text a{color:#ffffff75}.Mywork{padding:50px 20px;text-align:center}.work{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.work img{height:200px;width:auto;border:none;border-radius:5px;margin-right:10px;margin-bottom:30px}.work img:hover{transform:scale(1.1);transition:all .3s;border:2px solid rgba(255,4,242,.493)}.Contact{padding:20px;font-family:Arial,sans-serif;height:50vh;color:#fff}.Contact-title{text-align:center;font-size:3rem;background:linear-gradient(90deg,#b52efb,#ff73b9,#ffa600);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.Contact_form{display:flex;flex-wrap:wrap;margin-top:100px;justify-content:center}.info,.form{flex:1 1 45%;margin:10px}.gradient-text{font-size:3.5rem;margin-bottom:30px;background:linear-gradient(90deg,#b52efb,#ff73b9,#ffa600);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.info p{font-size:1.5rem;margin-bottom:40px}.info ul{list-style:none;padding:0;font-size:1.2rem}.info li{margin:10px 0;display:flex;align-items:center}.icon{margin-right:20px}form label{display:block;margin:30px 0 5px}form input{width:100%;background-color:#303439;height:50px;padding:10px;margin-bottom:20px;border-radius:5px;border:none}form textarea{width:100%;height:150px;background-color:#303439;padding:10px;font-size:15px;margin-bottom:20px;border-radius:5px;border:none}.submit-btn{background:linear-gradient(90deg,#b52efb,#ff73b9);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.footer{display:flex;justify-content:space-between;align-items:center;margin-top:100px;padding:20px 0;color:#fff}.social{text-align:center;margin:20px 0}.social a{margin:0 10px;color:#fff;font-size:1.5rem}.social a:hover{color:#000}.card-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.card{width:300px;padding:20px;border-radius:10px;box-shadow:0 0 10px #0003;transition:transform .3s ease}.card:hover{transform:scale(1.05)}.success-message{color:green;margin-top:10px}.error-message{color:red;margin-top:10px}.info ul li a{color:inherit;text-decoration:none}.info ul li a:hover{text-decoration:underline}.social a{color:inherit;margin:0 10px;transition:color .3s ease}.social a[title=LinkedIn]:hover{color:#0077b5}.social a[title=Instagram]:hover{color:#e4405f}.social a[title=GitHub]:hover{color:#333}.category-buttons{display:flex;justify-content:center;gap:10px;margin:30px 0;flex-wrap:wrap}.category-buttons button{background-color:transparent;border:2px solid #a42ec2;color:#a42ec2;padding:10px 20px;font-size:1rem;border-radius:25px;cursor:pointer;transition:all .3s ease}.category-buttons button:hover,.category-buttons .active{background-color:#a42ec2;color:#fff}@keyframes move{25%{background:linear-gradient(to right,#ff73b9 25%,#b52efb)}50%{background:linear-gradient(to right,#ff73b9 50%,#b52efb)}75%{background:linear-gradient(to right,#ff73b9 75%,#b52efb)}to{background:linear-gradient(to right,#b52efb 20%,#ff73b9)}}@media (max-width: 768px){header{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:auto}.contact{display:none}nav{margin-top:0}nav img{width:130px;height:130px}ul{flex-direction:column;align-items:center;margin-top:70%;padding:10px 0}ul li{margin:5px 0;padding:5px 10px}ul li a{font-size:1rem}.nav-toggle{display:block;font-size:2rem;background:none;border:none;cursor:pointer;color:#fff;margin:10px}.nav-menu{display:none;flex-direction:column;align-items:center;background:transparent!important}.nav-menu.open{display:flex;flex-direction:column;align-items:center;position:absolute;left:37%}.container{width:90%;height:auto;margin:10vh auto}.container img{width:150px;height:150px}.container h1{font-size:2.5rem}.container p{font-size:1rem}.buton .contact,.resume{padding:15px 30px;font-size:1rem;display:block}.resume{margin-left:20px}}@media (max-width: 480px){nav{flex-direction:column;margin-top:0;justify-content:center;align-items:center;padding:10px 0}nav img{width:130px;height:130px}ul{flex-direction:column;align-items:center;padding:5px 0}ul li{margin:3px 0;padding:3px 8px}ul li a{font-size:.9rem}.container{width:100%;height:80vh;margin:20vh auto}.container img{width:120px;height:120px}.container h1{font-size:2rem}.container p{font-size:.9rem}.buton .contact,.resume{padding:10px 20px;font-size:.9rem}.resume{margin-left:10px}}