@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Pacifico&display=swap";body{background-color:#6e07f3}.navbar{display:flex;justify-content:space-between;align-items:center;font-weight:700}.hireme-button{margin-left:25px;padding:10px 20px;border-radius:100px;background-color:#fff;border:2px solid #1252A3;color:#1252a3;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.logo{font-family:Pacifico,cursive;font-weight:700;font-size:1.3rem;padding:10px;border:none;border-radius:100px;background-color:#c3abe2;cursor:pointer}.hireme-button:hover{background-color:#1252a3;color:#fff}.nav-projects{cursor:pointer}.nav-projects:hover{text-decoration:underline}body{color:#141c3a}.name{margin-bottom:10px}.home-container{max-width:80vw;margin:0 auto;padding:20px 0}.nav{margin:20px auto}.home-wrap{background-color:#fff}.home-main{display:flex;flex-direction:column;align-items:center;margin-top:15px}.home-content{max-width:550px;text-align:center;letter-spacing:1px;line-height:1.7rem}.avatar-img{width:150px;margin-bottom:50px}img{display:block}.landscape-img{width:700px;height:auto;margin-bottom:0;margin-top:-75px}.card-image{width:300px;height:250px;border-radius:10px;object-fit:cover;transition:transform .3s ease;cursor:pointer}.project-title{color:#fff;font-weight:700;font-size:1.2rem;cursor:pointer}.card-image:hover{transform:scale(1.1)}.card-list-container{max-width:80vw;margin:0 auto;padding-top:20px;text-align:center;color:#fff}.card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:50px;justify-items:center;margin:50px auto}.contactme-container{background-color:#fff;height:100vh}.contactme-nav{display:flex;justify-content:space-between;padding:20px 50px}.acc{display:flex;gap:20px}.acc>img{cursor:pointer}.contactme-avatar{margin:0 auto}.form-wrap{width:800px;margin:0 auto;display:flex;flex-direction:column;gap:50px;align-items:center}.contactme-input{margin-right:50px;margin-bottom:30px;padding:10px}.contactme-textarea{display:block;width:500px;margin-bottom:50px}.contactme-submit{background:transparent;padding:10px 50px;border:1px solid #6E07F3;border-radius:20px}.contactme-text{font-size:1.5rem;width:500px}.banner{width:100%;height:100vh;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;perspective:1500px;margin-top:-50px;margin-bottom:-50px}.banner .slider{position:absolute;width:200px;height:220px;transform-style:preserve-3d;animation:autoRun 20s linear infinite}@keyframes autoRun{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.banner .slider .item{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(calc((var(--position) - 1) * (360deg / var(--quantity)))) translateZ(550px)}.banner .slider .item{width:100%;height:100%;object-fit:cover}.skillhead{color:#fff;text-align:center;margin-top:50px}.skilltag{max-width:500px;margin:10px auto;letter-spacing:1px;line-height:1.7rem;color:#fff}.ending-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;color:#fff;padding:20px 0}.git-button,.contact-btn{display:flex;align-items:center;padding:5px 50px 5px 10px;gap:10px;color:#000;border-radius:20px;border:1px solid black;cursor:pointer;background-color:C3ABE2}.btn-text{font-weight:bolder;letter-spacing:1px}.button-list>button{background-color:transparent;border:none;padding:5px}.contact-text{width:70vw;display:flex;justify-content:space-evenly;align-items:center;gap:50px;background-color:#141c3a;padding:40px 50px;border-radius:10px;box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px;margin-top:40px;margin-bottom:100px}.text-t{width:500px}.button-list{display:flex;gap:25px;align-items:center;justify-content:center;margin:20px 0;background:#c3abe2;padding:20px 100px;border-radius:10px}.button-list>button{cursor:pointer}@media screen and (max-width:900px){.contact-text{flex-direction:column;justify-content:center}.text-t{width:70vw}}.contact-btn{padding:10px}.btn-text{padding:2px 5px}a{text-decoration:none}body{font-family:Inter,sans-serif;background-color:#1252a3;margin:0;padding:0}.h1{font-weight:700;font-size:3rem}.h2{font-weight:700;font-size:2rem}