@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";.navbar-container{display:flex;justify-content:space-between;align-items:center;background-color:#fec4b2;padding:20px;border-radius:10px;margin:20px 10px;animation:slideInFromTop 1s ease-out;width:inherit;box-sizing:border-box}.name{font-size:2rem;font-weight:700}.name i{font-weight:400}.list{display:flex;align-items:center}.list ul{list-style:none;display:flex;gap:20px;font-size:1.1rem}.list li{cursor:pointer}.burger-menu{display:none;flex-direction:column;gap:5px;cursor:pointer}.burger-menu div{width:25px;height:3px;background-color:#000;border-radius:2px}@media (max-width: 500px){.navbar-container{width:95%}.list ul{display:none;flex-direction:column;background-color:#fff;position:absolute;top:60px;right:20px;border-radius:10px;padding:30px}.list ul.show,.burger-menu{display:flex}}.landingpage-container{display:flex}.navbar{width:1510px}.left{width:1000px;margin:10px 15px}.left-bottom,.left-top{display:flex;gap:20px;justify-content:space-around}.left-bottom,.right-bottom{margin-top:20px}.right{margin:10px;width:480px}@media (max-width:500px){.landingpage-container,.left,.right,.left-bottom,.left-top{flex-wrap:wrap}.landingpage-container{width:inherit;height:auto;box-sizing:border-box}.main1{width:100%;height:100%;overflow:hidden}.navbar,.left-bottom,.left-top,.left-bottom-right{width:inherit;box-sizing:border-box}.left{margin:0;padding:10px;width:inherit;box-sizing:border-box}.right,.right-bottom,.right-top{width:inherit;box-sizing:border-box}}.left-top-container{background-color:#fec4b2;font-weight:700;font-size:3.3rem;height:auto;width:auto;border-radius:15px;padding:10px;animation:slideInFromLeft 1s ease-out}.left-top-text i{font-weight:400}.left-top-svg{display:flex;width:100%}.left-svg{width:100%}.right-svg{color:#ff5571c9}@media (max-width: 500px){.left-top-container{font-size:2rem}.right-svg svg{size:auto}}.middle-top-container{height:auto;width:auto;border-radius:15px;overflow:hidden;display:flex;justify-content:center;align-items:center}.middle-top-img{height:300px;width:300px;border-radius:40px}@media (max-width: 500px){.middle-top-img{width:100%;height:auto}}.right-top-container{width:100%;background-color:#fec4b2;border-radius:10px;animation:slideInFromRight 1s ease-out}.project-item{padding:20px;border-radius:10px;width:auto;height:auto}.project-link:hover{color:#ff556f}.project-img{margin-top:10px;width:auto;height:auto;border-radius:10px;overflow:hidden}.project-img.hide{display:none;transform:scale(.9);pointer-events:none}.project-img.show{display:block;transform:scale(1);pointer-events:auto}.project-img img{width:430px;height:180px}.right-top-text{display:flex;justify-content:space-between;font-size:1.5rem}@media (max-width: 500px){.project-link{font-size:1.2rem}.project-img{width:100%}.project-img img{width:100%;height:50%;box-sizing:border-box}}@media (max-width: 400px){.right-top-text{font-size:1rem}.project-img{width:auto;height:auto}.project-img img{width:100%;height:50%;box-sizing:border-box}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.left-bottom-container{background-color:#fec4b2;height:auto;width:auto;border-radius:15px;padding:20px;animation:slideInFromLeft 1s ease-out}.left-bottom-text{margin-top:34px;font-size:1.15rem;width:450px}@media (max-width: 500px){.left-bottom-text{width:100%;font-size:1rem}}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.middle-bottom-container{background-color:#fec4b2;height:auto;width:auto;border-radius:15px;padding:20px;animation:slideInFromBottom 1s ease-out}.middle-bottom-up{display:flex;justify-content:space-between}.middle-bottom-contact{font-size:3.5rem;width:450px;margin-top:100px}@media (max-width: 500px){.middle-bottom-contact{font-size:2rem}}.right-bottom-container{background-color:#fec4b2;height:auto;width:auto;border-radius:15px;padding:20px 30px;animation:slideInFromRight 1s ease-out}.right-bottom-container ul{list-style:none;display:flex;justify-content:space-between;font-size:1.1rem}.right-bottom-container a{text-decoration:none;color:#000}@media (max-width: 500px){.right-bottom-container ul{flex-direction:column;align-items:center;gap:10px}.right-bottom-container a{font-size:1rem}}.project-container{background-color:#faeae5}.project-image{height:290px;width:450px;border-radius:15px}.projects-image{height:290px;width:450px;display:flex;justify-content:center;align-items:center;border-radius:15px;overflow:hidden;background-color:#ffa78d}.project-card{display:flex;margin-top:50px;margin-bottom:20px;gap:20px;justify-content:center;height:300px}.project-des{background-color:#fec4b2;border-radius:10px;width:400px;padding:25px;height:140px;animation:slideInFromTop 1s ease-out}.project-description{font-size:.9rem;margin-top:10px}.project-title{font-size:2rem}.demo{display:flex;margin-top:20px;align-items:center;text-align:center;width:400px;gap:30px}.des-demo{display:flex;flex-direction:column}.demo a{background-color:#ffa78d;padding:15px 80px;border-radius:15px;display:flex;align-items:center;animation:slideInFromRight 1s ease-out}.demo a:hover{background-color:#fdc9ba}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 1200px){.project-card{flex-direction:column;align-items:center;height:auto}.projects-image{height:250px;width:400px}.project-des{width:350px;margin-top:30px;padding:50px}.demo{justify-content:center;gap:15px;width:100%}}@media (max-width: 768px){.projects-image{height:200px;width:300px;gap:0px}.project-des{width:300px;padding:20px 60px;height:auto;margin-top:50px}.project-title{font-size:1.5rem}.demo a{padding:10px 40px}}@media (max-width: 480px){.project-card{margin-top:20px;margin-bottom:10px;gap:0px}.projects-image{height:280px;width:350px}.des-demo{justify-content:center;align-items:center}.project-des{width:90%;padding:15px}.demo{gap:10px;justify-content:center}.demo a{padding:8px 20px}}.contact-container{background-color:#f9f4f3;padding:50px 20px;max-width:600px;margin:30px auto;border-radius:15px;box-shadow:0 4px 6px #0000001a}.contact-title{text-align:center;font-size:2.5rem;margin-bottom:20px;color:#ff6f61}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.contact-container label{font-size:1rem;margin-bottom:5px;color:#333}.contact-container input,.contact-container textarea{padding:10px;border:2px solid #ffa78d;border-radius:10px;font-size:1rem;color:#333;outline:none}.contact-container input:focus,.contact-container textarea:focus{border-color:#ff6f61}.submit-button{background-color:#ff9372;color:#fff;font-size:1.2rem;padding:10px 20px;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:#fec4b2}@media (max-width: 768px){.contact-container{padding:30px 15px}.contact-title{font-size:2rem}.contact-container input,.contact-container textarea{font-size:.9rem}.submit-button{font-size:1rem}}*{margin:0;padding:0;font-family:"DM Serif Display",serif}body{background-color:#faeae5}