@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap);*,:after,:before{box-sizing:border-box;font-family:Source Code Pro,monospace;list-style-type:none;margin:0;padding:0}:root{--primary-clr:#d9ebff;--secondary-100-clr:#081929;--secondary-200-clr:#05101a;--tertiary-clr:#000;--text-clr:#c4d1d8;--accent-clr:#7dbfe8;--border:1px solid var(--accent-clr);--shadow-right:1px 0 10px var(--accent-clr);--shadow-bottom:0 1px 10px var(--accent-clr)}body{background-color:#081929;background-color:var(--secondary-100-clr);height:100vh;margin-left:280px}.card::-webkit-scrollbar,body::-webkit-scrollbar{width:.3em}.card::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background-color:#000}.card::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background-color:#7dbfe8;background-color:var(--accent-clr)}.card::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background-color:#d9ebff;background-color:var(--primary-clr)}@supports (scrollbar-color:red blue){*{scrollbar-color:#7dbfe8 #d9ebff;scrollbar-color:var(--accent-clr --primary-clr) var(--primary-clr);scrollbar-width:thin}}.heading_Section{cursor:default;white-space:nowrap}h1,h2{font-size:1.8em}h1,h2,h3{color:#d9ebff;color:var(--primary-clr)}a{text-decoration:none}a.internal-link{color:#c4d1d8;color:var(--text-clr);cursor:pointer;transition:.2s}.active,a.internal-link:hover{color:#d9ebff;color:var(--primary-clr)}a.external-link{color:#7dbfe8;color:var(--accent-clr)}a.external-link:hover{color:#d9ebff;color:var(--primary-clr)}a.button,button.button{background-color:#7dbfe8;background-color:var(--accent-clr);border:1px solid #000;border:1px solid var(--tertiary-clr);color:#000;color:var(--tertiary-clr);font-size:1em;font-weight:700;padding:5px;transition:.2s}a.button:hover,button.button:hover{background-color:initial;border:1px solid #7dbfe8;border:1px solid var(--accent-clr);color:#7dbfe8;color:var(--accent-clr);cursor:pointer}p{color:#c4d1d8;color:var(--text-clr)}hr{border:thin solid #212121}@media (max-width:1550px){body{margin-left:250px}h1{font-size:1.8em}h2{color:#d9ebff;color:var(--primary-clr);font-size:1.6em}p{font-size:.9em}}.ToggleButton{left:15px;position:fixed;top:15px;z-index:1}.ToggleButton button{align-items:center;background-color:initial;border:1px solid var(--accent-clr);color:var(--accent-clr);display:flex;font-size:1.3em;justify-content:center;position:relative;transition:.2s}.ToggleButton button:hover{background-color:#7dbfe8ba;color:#000}.ToggleButton .toggle_Button .icon{position:relative;top:1px}.SideBar{background-color:var(--tertiary-clr);border-right:1px solid var(--accent-clr);box-shadow:var(--shadow-right);height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:280px;z-index:1}.SideBar .sidebar_Container{display:block;height:700px;padding:25px 16px}.close-sidebar-button_Container{display:none;left:15px;position:absolute;top:15px;z-index:1}.close-sidebar-button_Container button{font-size:1.2em;height:30px;width:30px}.SideBar .Header{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:20px;text-align:center;width:100%}.SideBar .Header a{display:inline-block}.SideBar .Header a .title-accent-clr{color:var(--accent-clr)}.SideBar .Header .profile-img_Section{display:flex;justify-content:center;padding:20px 0}.SideBar .Header .profile-img_Section .profile-img_Container{align-items:center;background-color:gray;border:2px solid var(--accent-clr);border-radius:100%;display:flex;height:150px;justify-content:center;width:150px}.SideBar .Header .profile-img_Section .profile-img_Container img{border-radius:100%;height:100%;object-fit:cover;width:100%}.SideBar .Header .greeting_Section{margin:0 10px}.SideBar .Header .greeting_Section .greeting_Container{text-align:center}.SideBar .Header .greeting_Section .greeting_Container p{font-size:.8em}.SideBar .Header .greeting_Section .greeting_Container p span{font-weight:700}.SideBar .Nav{margin:10px 0;width:100%}.SideBar .Nav .nav_Container{display:flex;flex-direction:column;height:100%;margin:0 15px}.SideBar .Nav .nav_Container .nav_List{position:relative;text-align:left;white-space:nowrap}.SideBar .Nav .nav_Container .nav_List li a{color:var(--text-clr);display:block;font-size:1.1em;font-weight:700;padding:10px;transition:.2s}.SideBar .Nav .nav_Container .nav_List li a:hover{color:var(--primary-clr)}.SideBar .Nav .nav_Container .hire-me-link_Container{padding:20px;text-align:center;width:100%}.SideBar .SidebarFooter{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:20px 0;width:100%}.SideBar .SidebarFooter .sidebar-footer_Container{height:100%;text-align:center}.SideBar .SidebarFooter .sidebar-footer_Container .social-links_List{display:flex;flex-direction:row;gap:20px;justify-content:center}.SideBar .SidebarFooter .sidebar-footer_Container .social-links_List a{color:var(--accent-clr);font-size:2em;transition:.3s}.SideBar .SidebarFooter .sidebar-footer_Container .social-links_List a:hover{color:var(--primary-clr)}@media (max-width:1550px){.SideBar{width:250px}.SideBar h1{font-size:1.7em}.SideBar .Header .profile-img_Section .profile-img_Container{height:130px;width:130px}.SideBar .Nav .nav_Container .nav_List li a{font-size:1em}}@media (max-width:945px){body{margin-left:0}.SideBar{background-color:rgba(0,0,0,.93);border:none;box-shadow:none;left:-100%;transition:.2s;width:100%}.show-sidebar{left:0}.SideBar .sidebar_Container{display:block;padding:8px 16px}.close-sidebar-button_Container{display:block}.SideBar .Nav{margin-left:auto;margin-right:auto;width:200px}.SideBar .Nav .nav_Container .nav_List li a{font-size:1.1em}.SideBar .Nav .nav_Container .nav_List li a:hover{color:var(--primary-clr)}.SideBar .Nav .nav_Container .hire-me-link_Container{margin-top:10px}.SideBar .SidebarFooter{margin:10px 0}}.Landing{border-bottom:1px solid var(--accent-clr);box-shadow:var(--shadow-bottom);height:100vh;position:relative;width:100%}.Landing .landing_Container,.Landing .landing_Container .banner{height:100%;width:100%}.Landing .landing_Container .banner img{height:100%;object-fit:cover;width:100%}.Landing .landing_Container .banner .img-overlay{background-color:rgba(0,0,0,.448);height:100%;left:0;position:absolute;top:0;width:100%}.Landing .landing_Container .banner-text_Container{align-items:center;background-image:linear-gradient(transparent,rgba(0,0,0,.2),rgba(0,0,0,.4),rgba(0,0,0,.8),rgba(0,0,0,.8),rgba(0,0,0,.8),rgba(0,0,0,.8),rgba(0,0,0,.4),rgba(0,0,0,.2),transparent);display:flex;flex-direction:column;height:40%;justify-content:center;position:absolute;top:20%;white-space:nowrap;width:100%}.Landing .landing_Container .banner-text_Container h2{font-size:3.5em}.Landing .landing_Container .banner-text_Container h2 .title-accent-clr{color:var(--accent-clr)}.Landing .landing_Container .banner-text_Container h3{color:var(--accent-clr);font-size:1.4em}.Landing .landing_Container .banner-text_Container .call-to-action_Container{display:flex;flex-direction:row;gap:15px;text-align:center}.Landing .landing_Container .banner-text_Container .call-to-action_Container .button:last-child{display:none}@media (max-width:945px){.Landing .landing_Container .banner-text_Container .call-to-action_Container .button:last-child{display:inline-block}}@media (max-width:500px){.Landing .landing_Container .banner-text_Container h2{font-size:3em}.Landing .landing_Container .banner-text_Container h3{font-size:1.18em}}@media (max-width:400px){.Landing .landing_Container .banner-text_Container h2{font-size:2.5em}.Landing .landing_Container .banner-text_Container h3{font-size:1em}.Landing .landing_Container .banner-text_Container .call-to-action_Container .button{font-size:.9em}}@media (max-width:360px){.Landing .landing_Container .banner-text_Container h2{font-size:2.6em}.Landing .landing_Container .banner-text_Container h3{font-size:1.02em}.Landing .landing_Container .banner-text_Container .call-to-action_Container .button{font-size:.8em}}@media (max-width:330px){.Landing .landing_Container .banner-text_Container h2{font-size:2.4em}.Landing .landing_Container .banner-text_Container h3{font-size:.95em}.Landing .landing_Container .banner-text_Container .call-to-action_Container .button{font-size:.7em}}@media (max-width:315px){.Landing .landing_Container .banner-text_Container h2{font-size:2.3em}.Landing .landing_Container .banner-text_Container h3{font-size:.91em}}@media (max-width:295px){.Landing .landing_Container .banner-text_Container h2{font-size:2em}.Landing .landing_Container .banner-text_Container h3{font-size:.82em}}.About{width:100%}.About .about_Container{margin:0 auto;max-width:85%;padding:60px 0;width:1100px}.About .about_Container header{padding-bottom:20px}.About .about_Container .profile-img_Container{align-items:center;background-color:gray;border:2px solid var(--accent-clr);border-radius:100%;display:flex;float:right;height:130px;justify-content:center;margin:0 20px;position:relative;width:130px}.About .about_Container .profile-img_Container img{border-radius:100%;height:100%;object-fit:cover;width:100%}.About .about_Container main p{line-height:25px}.Skills{background-color:var(--secondary-200-clr);border:2px inset var(--secondary-200-clr);width:100%}.Skills .skills_Container{margin:0 auto;max-width:90%;padding:60px 0;text-align:right;width:1100px}.Skills .skills_Container header{padding-bottom:40px}.Skills .skills_Container main .skill-icons_Container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;text-align:center}.Skills .skills_Container main .skill-icons_Container .icon{font-size:4em;transition:.2s}.Skills .skills_Container main .skill-icons_Container .icon:hover{cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}.Skills .skills_Container main .skill-icons_Container .html_Icon{color:#e34c26}.Skills .skills_Container main .skill-icons_Container .css_Icon{color:#264de4}.Skills .skills_Container main .skill-icons_Container .js_Icon{color:#f0db4f}.Skills .skills_Container main .skill-icons_Container .react_Icon{color:#61dbfb}.Skills .skills_Container main .skill-icons_Container .csharp_Icon{color:#4775cf}@media (max-width:1550px){.Skills .skills_Container main .skill-icons_Container .icon{font-size:3em}}@media (max-width:550px){.Skills .skills_Container main .skill-icons_Container{gap:50px;grid-template-columns:1fr 1fr 1fr}}@media (max-width:390px){.Skills .skills_Container main .skill-icons_Container{gap:30px}}@media (max-width:300px){.Skills .skills_Container main .skill-icons_Container{gap:10px}}.Projects{width:100%}.Projects .projects_Container{margin:0 auto;max-width:80%;padding:60px 0;width:1100px}.Projects .projects_Container .heading_Section{padding-bottom:50px}:root{--clr-neutral-900:#13171b;--clr-neutral-100:#fff;--clr-accent-400:#7dbfe8}.grid_container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:4fr 4fr 4fr}.Card{background-blend-mode:overlay;background-color:rgba(8,26,43,.586);background-image:url(/static/media/ProjectCard.a8965495c491982bb9bc.jpg);background-position:50%;background-size:cover;border-radius:10px;cursor:default;margin:0 auto;overflow:hidden;padding:8em 0 0;transition:.5s;width:32ch}.Card:focus-within,.Card:hover{position:relative;-webkit-transform:scale(1.02);transform:scale(1.02)}.card_content{--padding:1.25rem;background:linear-gradient(transparent,rgba(0,0,0,.6) 8%,#000);display:flex;flex-direction:column;gap:15px;height:-webkit-max-content;height:max-content;padding:var(--padding)}.card_title{color:var(--primary-clr);position:relative;width:-webkit-max-content;width:max-content}.card_title:after{background-color:#7dbfe8;background-color:var(--clr-accent-400);bottom:-3px;content:"";height:2px;left:calc(var(--padding)*-1);position:absolute;-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:calc(100% + var(--padding))}.Card:focus-within .card_title:after,.Card:hover .card_title:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}.card_body{height:100px;margin-bottom:30px}.card_body p{color:var(--text-clr);font-size:15px!important;overflow:hidden;text-overflow:ellipsis}p{display:inline}.Card a.button{background-color:initial;border-color:#7dbfe8;border-color:var(--clr-accent-400);border-radius:5px;color:var(--primary-clr);display:inline-block;font-size:13px;padding:4px;text-align:center;transition:.3s!important;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Card a.button:focus,.Card a.button:hover{background-color:#7dbfe8;background-color:var(--clr-accent-400);border-color:transparent;color:#13171b;color:var(--clr-neutral-900);cursor:pointer;font-weight:700}@media (hover){.card_content{-webkit-transform:translateY(84%);transform:translateY(84%);transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.Card:focus-within .card_content,.Card:hover .card_content{-webkit-transform:translateY(.6em);transform:translateY(.6em);transition-delay:.4s}.Card:focus-within .card_content{transition-duration:0ms}.card_content>:not(.card_title){opacity:0;transition:opacity .4s ease-in-out}.Card:focus-within .card_content>:not(.card_title),.Card:hover .card_content>:not(.card_title){opacity:1;transition-delay:.8s}.card_title:after{-webkit-transform:scaleX(0);transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0ms!important;transition-duration:.01ms!important}}@media screen and (max-width:1520px){.grid_container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr}}@media screen and (max-width:1090px){.grid_container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}}@media screen and (max-width:1040px){.grid_container{display:grid;grid-template-columns:1fr 1fr}}@media screen and (max-width:800px){.grid_container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr}}.Contact{background-color:var(--secondary-200-clr);border:2px inset var(--secondary-200-clr);width:100%}.Contact .contact_Container{margin:0 auto;max-width:85%;padding:50px 0;text-align:center;width:1100px}.Contact .heading_Section{padding-bottom:40px;white-space:nowrap}.Contact .form_Section{align-items:center;display:flex;justify-content:center}.Contact form{text-align:center;width:500px}.Contact form .input-group{margin-bottom:30px;position:relative}.Contact form input,.Contact form textarea{background:transparent;border:1px solid var(--accent-clr);color:var(--primary-clr);font-size:15px;outline:0;padding:10px;resize:none;width:100%}.Contact form input:focus~label,.Contact form input:valid~label,.Contact form textarea:focus~label,.Contact form textarea:valid~label{font-size:14px;top:-30px}.Contact form input:focus,.Contact form textarea:focus{border-color:var(--primary-clr)}.Contact form label{color:var(--accent-clr);cursor:text;left:0;padding:10px;position:absolute;top:0;transition:.2s}.Contact form button{background:transparent;border:1px solid var(--accent-clr);color:var(--accent-clr);cursor:pointer;font-size:1.1em;outline:none;padding:8px 15px;transition:.2s;width:50%}.Contact form button:hover{background-color:var(--accent-clr);color:var(--secondary-200-clr);font-weight:700}@media (max-width:700px){.Contact form .input-group{margin-bottom:20px}.Contact form input:focus~label,.Contact form input:valid~label,.Contact form textarea:focus~label,.Contact form textarea:valid~label{top:-28px}}@media (max-width:360px){.Contact .heading_Section h2{font-size:1.5em}}@media (max-width:335px){.Contact .heading_Section h2{font-size:1.3em}}.Footer{width:100%}.Footer .footer_Container{margin:0 auto;max-width:90%;padding:30px 0;text-align:center;width:1100px}.Footer .footer_Container .heading_Section,.Footer .footer_Container .site-developer_Section{margin-bottom:20px}.Footer .footer_Container .heading_Section .email_Container{margin-top:3px}.Footer .footer_Container .heading_Section a{color:var(--accent-clr);transition:.2s}.Footer .footer_Container .heading_Section a:hover{color:var(--primary-clr)}.Footer .footer_Container .links_Section ul{display:flex;flex-direction:row;gap:30px;justify-content:center}.Footer .footer_Container .links_Section ul a{color:var(--accent-clr);transition:.2s}.Footer .footer_Container .links_Section ul a:hover{color:var(--primary-clr)}.Footer .footer_Container .links_Section ul br{display:none}@media (max-width:945px){.Footer .footer_Container .links_Section ul{gap:20px}br{display:block}}@media (max-width:425px){.Footer .footer_Container .links_Section ul{display:flex;flex-direction:column;gap:15px;justify-content:center}}.ToTopBtn{bottom:15px;position:fixed;right:15px}.ToTopBtn .internal-link{align-items:center;background-color:initial;border:1px solid var(--accent-clr);color:var(--accent-clr);display:flex;font-size:1.3em;justify-content:center;transition:.2s}.ToTopBtn .internal-link:hover{background-color:#7dbfe8ba;color:#000}
/*# sourceMappingURL=main.4214bdcd.css.map*/