@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";.container{height:auto;padding:20px;display:flex;flex-direction:column;gap:10px;background-color:#fff;border-radius:5px;width:100%;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.container div>p{padding:8px 0;width:100%}.container input[type=text],.container input[type=email]{width:100%;height:35px;padding:18px 20px;font-size:18px;font-weight:300;border-radius:5px}.container textarea{width:100%;height:152px;padding:8px 12px;font-size:18px;font-weight:300;border-radius:5px}.container button{width:96px;height:46px;font-size:18px;background-color:#97266d;color:#fff;border-radius:5px;border:none}.container button:hover{cursor:pointer}.footer{display:flex;width:100%;height:auto;background-color:#fff500;flex-direction:column;padding:20px}.contacts{display:flex;justify-content:center;align-items:center}.endLine{margin-top:15px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px}@media screen and (max-width : 530px){.footer{align-items:center;justify-content:center}}.card{width:30%;height:100%;background-color:#fff;border-radius:5px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.image{height:auto;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.image img{object-fit:cover;width:100%}.cont{padding:10px;height:auto}.bottomCard{padding:2px;display:flex;justify-content:space-between;height:auto}.views,.claps{display:flex;height:auto;align-items:center;gap:5px}@media screen and (max-width : 770px){.card{width:100%}}.skillSet{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;gap:15px}.skillCard{width:300px;height:110px;display:flex;flex-direction:row;gap:80px}.skill{width:100px;height:110px;margin:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border-radius:5px}*{box-sizing:border-box;font-family:Poppins,sans-serif;color:#4c4c4c;margin:0;padding:0}html,body{scroll-behavior:smooth;min-height:100vh;background-color:#f5f5f5}.title{margin-left:100px;font-size:42px}.homepage{display:flex;flex-direction:column;align-items:center;justify-content:center;height:600px;width:100%;position:relative}.contIcons{position:absolute;height:50px;bottom:0;right:0;margin-right:10px}.skills{height:auto;margin-top:20px;display:flex;gap:10px;width:100%}.skillAnimation{width:2300px;display:flex;justify-content:center;flex-direction:row;border-right:3px solid rgb(226,232,240)}.contact{display:flex;padding:20px;justify-content:space-between;align-items:center;gap:40px;height:auto;margin-top:40px;width:100%}img{width:40%}.contactForm{display:flex;width:100%}.mediumCards{width:100%;height:auto;display:flex;gap:15px;justify-content:center;align-items:center;padding:10px}@media screen and (max-width : 830px){.skills{flex-direction:column}.skillAnimation,.w-full{width:100%}.contact{flex-direction:column}.contact img{width:70%}.contactForm{width:95%}}@media screen and (max-width : 770px){.aboutSection,.skillSection,.blogSection,.contact{display:flex;flex-direction:column;align-items:center;justify-content:center}.homepage{height:400px;margin-bottom:20px}.mediumCards{flex-direction:column;width:95%}.title{margin-left:0}.contIcons{position:static;display:flex;align-items:center;justify-content:center}}@media screen and (max-width : 640px){.homepage{height:400px}.nameCard p{text-align:center}}@media screen and (max-width : 600px){.mainOptions,.mainSection{flex-direction:column}.hireme{margin-left:0}}.homecard{display:flex;align-items:center;justify-content:center;margin:55px 10px;width:100%}.homecard h1{margin-bottom:20px}.homecard .bio{font-size:18px}.Card{display:flex;justify-content:center;align-items:center;position:relative;height:260px;width:1100px}.nameCard{position:absolute;left:0;z-index:99}.nameCard h1{font-size:1.875rem}.nameCard p{font-weight:650}.yellowCard{position:absolute;right:0;background-color:#fff500;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;width:800px;height:250px}@media screen and (max-width : 960px){.Card{width:600px}.yellowCard{left:50%;top:50%;transform:translate(-50%,-50%);width:100%}.nameCard{position:static;display:flex;align-items:center;justify-content:center;flex-direction:column}.nameCard h1{font-size:24px}.nameCard p{font-size:16px;text-align:center}}@media screen and (max-width : 630px){.homecard{width:80%}.nameCard h1{font-size:18px}.nameCard p{font-size:14px;padding:2px}}.navbar{width:100%;display:flex;justify-content:space-between;padding:8px;position:fixed;top:0;z-index:999;background-color:#fefefe;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.hireme{margin:2px;padding:2px;width:80px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:5%;background-color:#fff500;cursor:pointer;font-weight:900}.menu{display:none;width:fit-content;cursor:pointer}.sectioncontainer{width:100%;display:flex;justify-content:space-between}.sections{display:flex;width:450px;gap:20px;font-size:18px;align-items:center;font-weight:bolder;cursor:pointer}.sections1{margin-top:10px;display:flex;flex-direction:column;font-size:18px;gap:20px;display:none;font-weight:bolder;padding:5px;cursor:pointer}@media screen and (max-width : 640px){.menu{display:block}.sectioncontainer{flex-direction:column}.sections{display:none}.sections1{display:flex}}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100vh}.head{width:100%;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column}.line{margin-top:20px;margin-bottom:20px;width:100%;padding:10px 15px}.line hr{background-color:#a4a4a4;width:100%;height:3px}.banner{width:100%;height:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #A4A4A4;margin-bottom:50px}.banner img{width:100%}.banner span{color:#fb721c}.profilePicture{width:200px;height:200px;border-radius:50%}.contentContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 50px;margin-bottom:30px}.contactIntro{display:flex;width:100%;justify-content:space-between}.contactIntro .intro,.introImg img{width:100%}.contactMe{width:100%;display:flex;align-items:center;justify-content:space-between}.contactMe .contactimage,.contactimage img,.form{width:100%}.intro p{font-size:20px}@media screen and (max-width : 930px){.contactIntro{flex-direction:column;justify-content:center;align-items:center}.introImg{display:flex;justify-content:center;align-items:center}.contactimage{display:none}.contactMe{align-items:center;justify-content:center}.form{width:90%}.intro h1{font-size:24px}.intro p{font-size:20px}.introImg img{width:100%;margin:30px 0}.introImg{padding:10px}}@media screen and (max-width : 460px){.form{width:100%}.intro h1{font-size:18px}.intro p{font-size:16px}}@media screen and (max-width : 400px){.intro h1{font-size:18px}.intro p{font-size:16px}}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}.thankyou{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;border:1px solid black}.thankyoucontent{width:40%;font-size:18px;font-weight:900;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000}.thankyouimage{width:40%;display:flex;align-items:center;justify-content:center}.thankyoucontent button{padding:5px;border-radius:5px;border:none;background-color:#8f4fcf;color:#fff;margin-top:20px;width:200px;height:50px;font-size:15px}.thankyoucontent p{text-align:center}.thankyoucontent button:hover{cursor:pointer}@media screen and (max-width : 700px){.thankyou{flex-direction:column;gap:0}.thankyoucontent{width:90%}.thankyouimage{width:90%;height:300px}}