*{padding:0;margin:0;box-sizing:border-box;font-family:Tungsten;-webkit-user-select:none;user-select:none}:root{--bgcolor1: #121214;--bgcolor2: #323037;--bgcolor3: #666668;--bgcolor4: #969698;--color1: #f4f4f4;--color2: #d2d4da;--color3: #c7ff41;--color4: #f46d38;--letterspacing1: 1px;--fontsize1: 1.5rem;--fontsize2: 2.5rem}@font-face{font-family:Tungsten;src:url(/Tungsten-Bold.ttf) format("truetype")}@font-face{font-family:Valorant;src:url(/ValorantFont.ttf) format("truetype")}.hero_container{background-color:var(--bgcolor1);height:100vh;display:flex;align-items:center;justify-content:center;gap:30px;padding:40px 20px}.hero_details{width:60vw}.hero_details h1{font-family:Valorant;color:var(--color1);font-size:12vw;transition:color .3s ease}.hero_details h1:hover{color:var(--color3);transition:color .3s ease}.hero_details h1:nth-of-type(2){color:var(--bgcolor2)!important}.hero_details h2{text-transform:uppercase;color:var(--bgcolor3);letter-spacing:var(--letterspacing1);text-align:center;font-size:var(--fontsize2)}.hero_image_container{padding:10px;border-radius:50%;width:30vw}.hero_image_container:hover .hero_image{box-shadow:0 0 60px var(--color3);transition:box-shadow .3s ease}.hero_image{overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:box-shadow .3s ease;box-shadow:0 0 60px #ffffff8d}.hero_image img{width:100%;object-fit:cover}@media (max-width: 1200px){.hero_container{flex-direction:column-reverse;height:auto;padding:50px 20px}.hero_image_container{width:80%}.hero_details h1{font-size:18vw}.hero_details{width:100%}}@media (max-width: 512px){.hero_details h2{font-size:var(--fontsize1)}}.about_container{display:flex;align-items:center;justify-content:center;background-color:var(--bgcolor1);height:100vh;padding:40px 20px;border-radius:0 0 45px 45px}.about_wrapper{display:flex;align-items:center;justify-content:center;gap:30px;width:80vw}.about_heading h2{font-family:Valorant;color:var(--color1);font-size:10vw;transition:color .3s ease}.about_heading h2:hover{color:var(--color3);transition:color .3s ease}.about_heading h2:nth-of-type(2){color:var(--bgcolor2)!important}.about_wrapper p{color:var(--bgcolor3);letter-spacing:var(--letterspacing1);font-size:var(--fontsize2)}@media (max-width: 1200px){.about_container{height:auto;padding:0 20px 50px;border-radius:0 0 25px 25px}.about_wrapper{flex-direction:column;align-items:flex-start;gap:10px;width:100%}.about_heading h2{font-size:18vw}.hero_details{width:100%}}@media (max-width: 512px){.about_wrapper p{font-size:var(--fontsize1)}}.project_container{padding:50px 20px;display:flex;justify-content:center}.project_wrapper{width:90vw}.project_wrapper h2:nth-of-type(1){font-family:Valorant;font-size:10vw;text-align:center}.project_card_container a{text-decoration:none}.project_card{background-color:var(--bgcolor1);padding:10px 10px 15px;border-radius:15px;width:100%;transition:background-color .3s ease,box-shadow .3s ease,color .3s ease,transform .3s ease,filter .3s ease}.project_card:hover{background-color:var(--color3);box-shadow:0 4px 10px #0000004d;transition:background-color .3s ease,box-shadow .3s ease,color .3s ease}.project_card:hover .card_desc_container p,.project_card:hover span{color:var(--bgcolor1);transition:color .3s ease}.project_card:hover .project_arrow_icon{background-color:var(--bgcolor1);color:var(--color3);transition:background-color .3s ease,color .3s ease}.project_card:hover .card_img img{filter:grayscale(100%);transform:scale(1.1);transition:transform .3s ease,filter .3s ease}.project_card p{font-size:var(--fontsize2);color:var(--bgcolor3);margin-top:10px}.project_card_container{display:grid;grid-template-columns:50% 50%;gap:20px}.card_img{width:100%;display:flex;align-items:center;justify-content:center;border-radius:5px;overflow:hidden;height:400px;position:relative}.card_img p{position:absolute;font-size:var(--fontsize2);z-index:1;background-color:var(--bgcolor1);padding:5px 20px;color:var(--color4);text-align:center;letter-spacing:var(--letterspacing1)}.card_img img{width:100%;height:100%;object-fit:cover}.project_stack{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.project_card span{border:2px solid;padding:0 5px;border-radius:50px;color:var(--bgcolor3)}.card_desc_container{display:flex;align-items:center;justify-content:space-between;gap:10px}.project_arrow_icon{width:80px;height:80px;border-radius:50%;background-color:var(--color3);margin-top:10px;display:flex;align-items:center;justify-content:center}.project_arrow_icon{font-size:var(--fontsize1);color:var(--bgcolor3)}.no_project{text-align:center;color:var(--color4);font-size:var(--fontsize2);background-color:var(--bgcolor1)}@media (max-width: 1200px){.project_card_container{grid-template-columns:auto}.card_img{height:auto}.project_card p,.card_img p,.no_project{font-size:var(--fontsize1)}.project_container{padding:20px 20px 50px}.project_wrapper h2:nth-of-type(1){font-size:17vw}.project_card span{font-size:.8rem}.project_stack{margin-bottom:5px}@media (max-width: 450px){.project_arrow_icon{width:40px;height:40px;font-size:1rem}.card_desc{width:80%}.project_arrow_icon{align-self:flex-end}}}.button_wrapper{display:flex;align-items:center;justify-content:center}.button_card{color:var(--color1);position:relative;width:90vw}.button_card span{font-size:var(--fontsize2);position:absolute;letter-spacing:var(--letterspacing1);z-index:2;top:25%}.button_two{position:absolute;width:100%;height:80px!important;z-index:0;top:10px;left:10px;background-color:var(--color3);transform:skew(-20deg);height:50px}.button_one{background-color:var(--bgcolor2);transform:skew(-20deg);height:80px;width:100%}.button_container{position:relative;width:100%;z-index:1;transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.button_card:hover .button_container{transform:translate(-10px,-10px);transition:transform .3s ease}.button_card:hover .button_two{background-color:var(--color4)}@media (max-width: 1200px){.button_card span{font-size:var(--fontsize1);top:33%}.button_card{width:80vw}}@media (max-width: 515px){.button_two{top:5px;left:5px;height:50px!important}.button_card span{top:25%}.button_one{height:50px}}.contact_container{padding:100px 20px 150px;background-color:var(--bgcolor1);display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:45px 45px 0 0}.contact_container h2{font-family:Valorant;font-size:10vw;color:var(--color1);transition:color .3s ease;margin-bottom:20px;text-align:center}.contact_container h2:hover{color:var(--color3);transition:color .3s ease}.contact_wrapper{width:90vw;display:grid;grid-template-columns:auto auto;gap:40px}.contact_card{color:var(--color1);position:relative}.contact_card i{font-size:var(--fontsize2);position:absolute;letter-spacing:var(--letterspacing1);z-index:2;top:25%}.card_two{position:absolute;width:100%;height:80px!important;z-index:0;top:10px;left:10px;background-color:var(--color3);transform:skew(-20deg);height:50px}.card_one{background-color:var(--bgcolor2);transform:skew(-20deg);height:80px;width:100%}.card_one_container{position:relative;width:100%;z-index:1;transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.contact_card:hover .card_one_container{transform:translate(-10px,-10px);transition:transform .3s ease}.contact_card:hover .card_two{background-color:var(--color4)}@media (max-width: 1200px){.contact_card i{font-size:var(--fontsize1);top:33%}.contact_wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.contact_card{width:80vw}.contact_container h2{font-size:17vw}.contact_container{border-radius:25px 25px 0 0;padding:50px 20px 80px}}@media (max-width: 515px){.card_two{top:5px;left:5px;height:50px!important}.contact_card i{top:25%}.card_one{height:50px}}.github_container{display:flex;align-items:center;justify-content:center;padding:0 20px 50px}.github_calender h2{font-size:var(--fontsize2);margin-bottom:20px;letter-spacing:var(--letterspacing1)}.github_calender{width:90vw;display:flex;align-items:center;justify-content:center;flex-direction:column}@media (max-width:576px){.github_calender h2{font-size:var(--fontsize1)}}.loader_container{background-color:var(--bgcolor1);height:100vh;display:flex;align-items:center;justify-content:center;padding:50px 20px}.loader_wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column}.loader_wrapper p{font-size:var(--fontsize2);color:var(--color1);letter-spacing:var(--letterspacing1)}@media (max-width:575px){.loader_wrapper p{font-size:var(--fontsize1)}}