@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";:root{--header-height: 4rem;--first-color: #6f6563;--second-color: rgb(108, 100, 100);--bg-first: #dbd9e6;--bg-second: #dad9e9;--body-font: "Space Grotesk", sans-serif;--font-regular: 400;--font-semi-bold: 600;--font-bold: 700;--font-size: 1rem;--z--tooltip: 10;--z-fixed: 100}*{box-sizing:border-box;padding:0;border:0}html{scroll-behavior:smooth}html,body{width:100%;overflow-x:hidden}body,input,button{font-family:Space Grotesk,sans-serif}body{background-color:var(--bg-first);color:var(--first-color);font-size:var(--font-size);position:relative}input,button{border:none;outline:none}h1,h2,h3,h4{color:var(--first-color);font-weight:var(--font-bold);font-family:var(--body-font)}ul{list-style-type:none}a{text-decoration:none}img,video{display:block;width:100%;height:100%}.centered-video{display:block;margin-left:auto;margin-right:auto}.container{max-width:70rem;width:90%;margin-inline:auto;padding-inline:1rem}.grid{display:grid;gap:1.5rem}.btn{display:inline-block;padding:10px 20px;background-color:#6b35e0;text-align:center;cursor:pointer;border-radius:10px}.video_container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;background:#000;border-radius:10px;box-shadow:10px 4px 8px #0000001a;border:2px solid green}.video_container iframe,.video_container video,.vidoe_container .face_vid{position:absolute;top:0;left:0;width:100%;height:100%;border:none;object-fit:cover;object-position:center}.vidH:hover{transform:translateY(-5px) scale(1.02);box-shadow:15px 8px 15px #0003;cursor:pointer}.vidH:hover{border-color:#6b35e0}@media (max-width: 768px){.container{width:95%;padding-inline:.5rem}}.about{padding-block:5rem;margin:0 auto}.about_all{width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:.95rem}.about_heading{text-align:center}.about_sub{max-width:40rem}.about_subsection{margin:0 auto;width:40rem}@media (max-width: 600px){.about{padding-block:3rem}.about_heading{font-size:1.8rem}}.contact{background:var(--bg-first);display:flex;justify-content:center;align-items:center;width:100%;max-width:62.5rem;text-align:center;margin-inline:auto}.contact-form{max-width:500px;margin:50px auto;padding:20px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9;box-shadow:0 2px 8px #0000001a;box-sizing:border-box}.contact-form h2{text-align:center;margin-bottom:20px;font-size:24px}.contact-form input,.contact-form textarea{width:100%;padding:12px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;font-size:16px;box-sizing:border-box}.contact-form textarea{min-height:120px;resize:vertical}.contact-form button{width:100%;background-color:#007bff;color:#fff;padding:12px;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.contact-form button:hover{background-color:#0056b3}@media (max-width: 768px){.contact-form{margin:20px;padding:15px}.contact-form h2{font-size:20px}.contact-form input,.contact-form textarea{font-size:14px;padding:10px}.contact-form button{padding:10px;font-size:14px}}@media (max-width: 480px){.contact-form{margin:15px;padding:10px}.contact-form h2{font-size:18px}.contact-form input,.contact-form textarea{font-size:14px}.contact-form button{padding:8px;font-size:13px}}.site-footer{background-color:#222;color:#fff;text-align:center;padding:20px 10px;font-size:14px}.site-footer a{color:#00acee;text-decoration:none}.site-footer a:hover{text-decoration:underline}@media (max-width: 600px){.site-footer{font-size:12px;padding:15px 5px}}.home{min-height:calc(100vh - var(---header-height));display:flex;padding-top:calc(var(--header-height) + 2px);width:100%;max-width:62.5rem;margin-inline:auto;align-items:center;text-align:center;justify-content:center;flex-direction:column}.section_body{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2rem;width:100%;max-width:70rem;margin-inline:auto}.section_title{text-transform:capitalize;margin-top:-2px}.hero_btn{width:9.5rem;height:3rem;text-transform:capitalize;font-weight:var(--font-bold);background:#565353;color:#e19c9c}.contact_li{color:#e19c9c}.home_img{padding-top:20px;width:8rem;height:8rem;background:var(--bg-second);border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0 auto}.img_profile{display:block;object-fit:cover;object-position:left}.video_list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;width:90%;max-width:65rem;margin:30px auto 0;padding:10px}@media (max-width: 600px){.video_list{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:30px}}:root{--first-color: #333;--z-fixed: 100;--font-semi-bold: 600}.nav_link,.title_link,.nav_button{color:var(--first-color);text-transform:capitalize}.header{position:fixed;width:100%;background:transparent;left:0;z-index:var(--z-fixed);transition:background-color .4s;box-shadow:10px 5px 5px #8000804d;height:var(--header-height);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center}.header_main{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;position:static;top:unset}.title h2{margin:0}.title_link{font-size:1.5rem;font-weight:var(--font-semi-bold);text-decoration:none}.nav{height:var(--header-height);display:flex;justify-content:space-between;align-items:center;gap:2rem}.nav_list{display:flex;align-items:center;justify-content:space-between;gap:.89rem;margin:0;padding:0;list-style:none}.nav_button{color:#e8dcdc;font-weight:var(--font-semi-bold);padding:.5rem 1rem;border:none;background-color:#639;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.nav_button:hover{background-color:#640064}.nav_link{position:relative;display:inline-block;text-decoration:none;padding:.5rem 0}.nav_link:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0%;background-color:#1b1818;transition:width .3s ease}.nav_link:hover:after{width:100%}.nav_link:hover{text-transform:uppercase}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;cursor:pointer;z-index:var(--z-fixed) + 1}.line{width:100%;height:3px;background-color:var(--first-color);transition:all .3s ease-in-out}.hamburger .line1.open{transform:translateY(8px) rotate(45deg)}.hamburger .line2.open{opacity:0}.hamburger .line3.open{transform:translateY(-8px) rotate(-45deg)}@media screen and (max-width: 600px){.hamburger{display:flex}.nav{position:fixed;top:var(--header-height);left:0;width:100%;height:fit-content;background-color:#fffffff2;flex-direction:column;justify-content:flex-start;padding-top:2rem;transform:translate(100%);transition:transform .4s ease-in-out;box-shadow:0 5px 15px #0000001a;gap:1rem}.nav_open{transform:translate(0)}.nav_items{width:100%;text-align:center}.nav_list{flex-direction:column;gap:1.5rem}.nav_li{width:100%}.nav_link{font-size:1.2rem;display:block;padding:1rem 0}.nav_button{margin-top:1rem;width:80%;max-width:200px}}.projects{min-height:100vh;background:var(--bg-first);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1100px;margin-inline:auto;padding-bottom:2rem;padding-top:2rem}.vidoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;width:95%;max-width:1000px;justify-content:center;align-items:center;margin:0 auto;padding:10px}.video-thumbnail img{width:100%;height:180px;object-fit:cover;border-radius:8px;display:block}@media (max-width: 530px){.vidoes{grid-template-columns:1fr;width:95%;padding:5px}}