.logo{border-radius:50%;height:50px;margin-right:10px;transition:transform .3s ease,box-shadow .3s ease;width:50px}.logo:hover{box-shadow:0 4px 8px #0003;transform:scale(1.2)}#sp{color:#f5f5f5}#title{color:#fcae28;font-size:36px;font-weight:bolder}.navbar{align-items:center;background-color:#323345;border-radius:70px;box-shadow:0 2px 5px #0003;color:#fcae28;display:flex;height:80px;justify-content:space-between;margin:20px auto;max-width:1200px;padding:20px 30px}.navbar ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}.navbar li{cursor:pointer;font-size:medium;font-weight:bolder;transition:color .3s ease,border-bottom .3s ease}.navbar a{color:inherit;text-decoration:none}.navbar li:hover{border-bottom:2px solid #fcae28;color:#f5f5f5}body{font-family:Arial,sans-serif}.icons{display:flex;justify-content:flex-end;margin:40px 60px}.icons a{display:inline-flex;margin-right:20px}.icons svg{border:3px solid #fcae28;border-radius:50%;color:#fff;cursor:pointer;padding:10px;transition:transform .3s ease,box-shadow .3s ease}.icons svg:hover{background-color:#fcae28;transform:scale(1.1)}.about{align-items:center;display:flex;justify-content:space-between;margin:40px 140px;text-align:center}.about-content{color:#f5f5f5;font-size:18px;font-weight:bolder;max-width:50%;text-align:left}.about-title{color:#fcae28;font-size:48px;font-weight:700}.about-title span{color:#fff}.about-description{line-height:1.8;margin:10px 0}.anime{align-items:center;display:flex;justify-content:center}.myimg{border-radius:20px;height:500px;transition:transform .3s ease,box-shadow .3s ease;width:400px}.myimg:hover{box-shadow:0 4px 10px #0000004d;transform:scale(1.1)}.btn{border:3px solid #f5f5f5;border-radius:50px;color:#000;cursor:pointer;font-weight:700;transition:all .3s ease;width:150px}.btn:hover{border:3px solid #000}@media (max-width:768px){.about{flex-direction:column;margin:20px;text-align:center}.about-content{max-width:100%}.anime{margin-top:20px}.icons{justify-content:center;margin-bottom:20px}}.ski{display:flex;margin-top:100px;padding:20px 20px 20px 40px}.skillsintro{align-items:center;height:450px;justify-content:center;margin-bottom:20px;width:500px}.cardlay{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,minmax(150px,1fr));justify-items:center;padding-left:70px}.cards img{height:100px;width:100px}.cards img:hover{transform:scale(1.1);transition:all ease-in}.progress{background-color:#e9ecef;border-radius:.25rem;display:flex;font-size:.75rem;height:20px;margin-top:20px;overflow:hidden}.progress-bar{align-items:center;color:#000;display:flex;justify-content:center;transition:width .6s ease}.btn{background-color:#fcae28;border:4px solid #f5f5f5;border-radius:70px;font-size:18px;font-weight:bolder;height:60px;margin-top:20px;padding:2px;width:120px}.btn:hover{background-color:#f5f5f5;border:4px solid #000;color:#000}.projects-container{padding:40px}.project-row{align-items:center;display:flex;margin-bottom:40px}.project-row.reverse{flex-direction:row-reverse}.project-image{align-items:center;display:flex;flex:1 1;justify-content:center}.project-image img{border-radius:10px;box-shadow:0 4px 8px #0003;height:auto;opacity:.9;transition:opacity .5s ease,transform .5s ease;width:80%}.project-image img:hover{opacity:1;transform:scale(1.05)}.project-content{flex:1 1;padding:20px}.project-content h1{color:#fcae28;font-size:2rem;margin-bottom:20px}.project-content p{color:#f5f5f5;font-size:1rem;line-height:1.6;margin-bottom:20px}.project-btn{background-color:#fcae28;border:3px solid #f5f5f5;border-radius:50px;color:#000;cursor:pointer;font-size:18px;font-weight:700;height:60px;transition:all .3s ease;width:150px}.project-btn:hover{background-color:#f5f5f5;border:3px solid #000;color:#000}@media screen and (max-width:768px){.project-row,.project-row.reverse{flex-direction:column}.project-image img{width:100%}}.lay{align-items:center;display:flex;flex-wrap:wrap;margin:30px;padding:20px}.heading{color:#fcae28;margin-bottom:20px;text-align:center}.contact-info h2{color:#f5f5f5;font-weight:700;margin:10px}.form-container{margin:30px auto;max-width:600px;width:100%}.contact-form{align-items:flex-end;gap:20px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{text-align:left;width:100%}.form-group label{color:#f5f5f5;font-weight:700;margin-bottom:5px}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:10px;width:100%}.contact-form button{background-color:#fcae28;border:4px solid #f5f5f5;border-radius:70px;font-size:18px;font-weight:bolder;height:60px;transition:background-color .3s ease,transform .3s ease;width:120px}.contact-form button:hover{background-color:#f5f5f5;border:4px solid #fcae28;transform:scale(1.1)}.footer{align-items:center;background-color:#323345;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px;padding:20px}.footer .logo{border-radius:50%;height:60px;margin-right:10px;transition:transform .3s ease,box-shadow .3s ease;width:60px}.footer .logo:hover{box-shadow:0 4px 8px #0003;transform:scale(1.2)}.footer h3{color:#fcae28;flex:1 1;margin:0;text-align:center}.social-icons{display:flex;gap:15px}.social-icons svg{border:2px solid #fcae28;border-radius:50%;color:#fff;cursor:pointer;padding:5px;transition:transform .3s ease,background-color .3s ease}.social-icons svg:hover{background-color:#fcae28;transform:scale(1.1)}.scroll-up{color:#fff;cursor:pointer;margin-left:auto;transition:transform .3s ease,color .3s ease}.scroll-up:hover{color:#fcae28;transform:scale(1.2)}*{font-size:x-large}body{background-color:#232534;box-sizing:border-box;font-family:Caveat,cursive,Permanent Marker,sans-serif;font-style:normal;margin:0;padding:0}code{font-family:Caveat,cursive}
/*# sourceMappingURL=main.999ac358.css.map*/