@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";:root{--header-text: "Montserrat", sans-serif;--normal-text: "Open Sans", sans-serif;--p-size: 14px;--colortext: orange;--section-backgroung: rgb(37, 37, 37)}*{padding:0;margin:0;box-sizing:border-box}.page{background-color:#111;width:100vw;height:100vh}.profile_img_cont{position:fixed;width:30%;height:100%;padding:25px}.profileImg{width:100%;height:100%;object-fit:cover}.right_content{position:fixed;right:25px;top:25px;height:100%;width:calc(70% - 25px);height:calc(100% - 50px)}.sections{position:absolute;width:calc(50% - 12.5px);height:calc(50% - 12.5px);font-family:var(--header-text);background-color:var(--section-backgroung);cursor:pointer;transition:all .5s ease}.sectionH{position:relative;top:40%;display:flex;justify-content:center;color:#fff}.section1{top:0;left:0}.section2{top:0;right:0}.section3{left:0;bottom:0}.section4{right:0;bottom:0}.intro{background-color:transparent;cursor:default;display:flex;justify-content:center;align-items:center;-webkit-animation:focus-in-expand 2s cubic-bezier(.25,.46,.45,.94) both;animation:focus-in-expand 2s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes focus-in-expand{0%{letter-spacing:-.5em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}@keyframes focus-in-expand{0%{letter-spacing:-.5em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}.colortext{color:var(--colortext);transition:all .3s ease}.nav{transition:all .3s ease}.sections:hover .nav{color:var(--colortext)}.sections:hover .nav .colortext{color:#fff}.typing{display:inline-block;font-weight:700;color:var(--colortext);border-right:.15em solid var(--colortext);overflow:hidden;white-space:nowrap;animation:typing 4s steps(19) 2s infinite,blink .75s step-end infinite}@keyframes typing{0%{width:0}30%{width:100%}70%{width:100%}to{width:0}}@keyframes blink{50%{border-color:transparent}}.openSection{width:100%!important;height:100%!important;color:#fff;overflow-y:auto;cursor:default;z-index:100}.hide-content{display:none;transition:opacity .3s ease}.about-content,.contact-content,.portfolio-content{opacity:0;transition:opacity .3s ease-in-out}.about-content.show,.contact-content.show,.portfolio-content.show{opacity:1}.aboutPage,.contactPage,.portfolioPage{padding:25px}.close-aboutIcon,.close-contactIcon,.close-portfolioIcon{position:fixed;right:45px;top:35px;z-index:1000;font-size:30px;background-color:#0000008f;color:#989898;padding:5px;cursor:pointer}.close-portfolioIcon{right:60px}.aboutHeader,.contactHeader,.portfolioHeader{font-family:var(--header-text)}.addressCard,.addressBook,.briefCase{font-size:20px;text-align:center}.l1,.l2{position:relative;width:45%;height:1px;background-color:var(--colortext)}.l1{right:0;bottom:-2px}.l2{right:-55%}.font{font-family:var(--header-text)}.paragraph{font-size:var(--p-size);font-family:var(--normal-text);text-align:justify}strong{color:var(--colortext)}.miniHeader{background-color:#171717;border:1px solid rgb(78,78,78);text-align:center;padding:10px;color:var(--colortext)}.plus{color:var(--colortext);font-weight:700;font-size:40px}.plus2{font-weight:700;font-size:20px;font-family:var(--header-text)}.plus0{font-size:40px;margin-bottom:15px;color:#a7a7a7}.about-profile_img_cont{opacity:0;display:none}.cv_btn{background-color:var(--colortext);color:#fff;padding:10px 35px;text-decoration:none;font-weight:700;transition:background-color .3s ease-in-out}.cv_btn:hover{background-color:#ffb62e}.scroll{background-color:#080808a1;padding:10px;display:flex;justify-content:center;align-items:center;gap:20px;position:fixed;top:25px;right:100px;z-index:100}.projectScroll{font-family:var(--normal-text);font-size:var(--p-size);padding:5px 20px;font-weight:700;text-decoration:none;color:#fff;background-color:#2c2c2c;border:none;transition:all .3s ease}.projectScroll:hover{color:orange}.reactHead,.jsHead,.cssHead{color:var(--colortext);font-family:var(--header-text);font-weight:700}.react_sub_head,.card-text,.js_project_sub,.css_project_sub{font-size:var(--p-size);font-family:var(--normal-text);color:#fff;text-align:justify}.card{background-color:#2c2c2c;border:1px solid #444}.card-title{font-family:var(--header-text);font-size:16px;font-weight:700;color:orange}.project_btn{text-decoration:none;font-weight:700;font-size:var(--p-size);font-family:var(--normal-text);padding:5px 15px;margin:5px}.view_btn{background-color:var(--colortext);color:#fff;margin-right:10px}.code_btn{background-color:transparent;border:3px solid var(--colortext);color:var(--colortext)}.jslines,.csslines{background-color:var(--colortext);height:1px;width:100%}.subHead{font-size:var(--p-size);font-family:var(--normal-text)}.contactLink{text-decoration:none;color:#acacff;font-size:var(--p-size);font-family:var(--normal-text)}.leftContact-bg{background-color:#111;padding:15px;border:1px solid rgb(78,78,78);overflow-wrap:break-word}.fa-linkedin{color:#44f}.fa-github{color:#e5e5e5}.contact_form input,.contact_form textarea{background-color:transparent!important;color:#fff;border-color:#5b5b5b}.contact_form input:focus,.contact_form textarea:focus{background-color:transparent!important;color:#fff!important;outline:none;box-shadow:none;border-color:var(--colortext)}.contact_form input:-webkit-autofill:hover{background-color:transparent}.contact_form input::placeholder,.contact_form textarea::placeholder{color:#626262;font-size:13px}.form-label{font-size:var(--p-size);font-family:var(--normal-text)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,input:-webkit-autofill:active{background-color:transparent!important;color:#fff!important;-webkit-text-fill-color:white!important;transition:background-color 9999s ease-in-out 0s!important}.contactBtn{background-color:var(--colortext);padding:10px 20px;width:60%;color:#fff;border:none;font-weight:700;font-family:var(--normal-text);margin-top:20px;transition:all .3s ease}.contactBtn:hover{background-color:#ffba39}.contactBtn:active{background-color:#ffa6006f}@media (max-width: 1100px){.myName{font-size:25px}.typing{font-size:20px}}@media (max-width: 999px){.profile_img_cont{opacity:0}.right_content{width:calc(100% - 50px)}.about-profile_img_cont{display:block;opacity:1;position:absolute;top:170px;width:calc(50% - 25px);height:470px;background-color:#faebd7}.aboutprofileImg{width:100%;height:100%;object-fit:cover;object-position:top}.mediaRow{width:50%;position:relative;right:calc(-50% - 25px)}}@media (max-width: 850px){.about-profile_img_cont{height:550px}}@media (max-width: 767.5px){.openSection{top:0!important}.right_content{right:5px;top:10px;width:calc(100% - 10px);height:calc(100% - 20px)}.sections{width:100%;height:calc(20% - 6.25px)}.section1{top:0;height:calc(50% - 80px)}.section2{top:calc(40% + -0px)}.section3{bottom:calc(20% + 3px)}.section4{bottom:0}.sections:hover .nav,.sections:hover .nav .colortext{color:inherit}.aboutPage,.contactPage,.portfolioPage{padding:10px}.about-profile_img_cont{top:160px;height:500px;width:51%}.close-aboutIcon,.close-contactIcon{right:20px;top:20px}.close-portfolioIcon{right:15px;top:20px}.miniHeader{border:1px solid rgb(78,78,78);width:97%;margin:20px auto}.scroll{top:2px;right:50px;padding:5px}.projectScroll{padding:5px 10px}.contactBtn{width:100%}}@media (max-width: 600px){.about-profile_img_cont{top:140px;width:97%;height:600px}.mediaRow{width:calc(100% + 25px);right:0}.firstrow{padding-top:620px}}@media (max-width: 550px){.about-profile_img_cont{width:96%}}