html{margin:0}body{overflow-x:hidden}*{margin:0;padding:0;-webkit-user-select:none;user-select:none}.app{min-height:100vh;display:flex;flex-direction:column}.light-Mode{--bg-color:#abbaab;--bg2-color:#ffffff;--main-h1-color:black;--text-color:black;--icon-color:black;--sub-heading-color:rgb(133, 38, 10);--footer-color:rgb(221, 213, 213);--secondary-bg-color:rgb(136, 195, 223);--boundary-color:#000428;--button-color:rgb(32, 27, 27);--button-hover-color:black}.dark-Mode{--bg-color:#000428;--bg2-color:#004e92;--main-h1-color:white;--text-color:white;--icon-color:white;--sub-heading-color:yellow;--footer-color:black;--secondary-bg-color:rgb(218, 153, 226);--button-color:#008CBA;--button-hover-color:black}h1,p,h2,h4{color:var(--main-h1-color)}body{background-color:var(--bg-color)}#root{margin:0}.aboutme{padding:.1rem 7.7rem;position:initial;top:0;display:flex;justify-content:center;align-items:center}.aboutme .intro{display:flex;flex-direction:row}.aboutme .intro .mypic img{width:13rem;height:13rem;border-radius:50%}@media only screen and (max-width:768px){.aboutme .intro{display:flex;flex-direction:column-reverse;align-items:center}}.contact{display:flex;flex-direction:row;padding:1.5rem;justify-content:center;align-items:center;min-height:100vh}.contact .contactinfo{display:flex;flex-direction:column;justify-content:space-evenly;padding:20px;max-width:50%;max-height:50%;height:auto;text-align:start;row-gap:5px;background:transparent}.contact .contactinfo h1,.contact .contactinfo p{padding:5px 0}.contact .contactform{max-width:50%;max-height:50%;margin-right:10px;border-radius:5px}.contact .form{color:var(--text-color);display:flex;flex-direction:column;justify-content:flex-start;padding:1.5em 2.5em;height:auto;width:307px;border:1px solid blue;border-radius:5px}.contact textarea{width:100%}.contact .form button{background-color:var(--button-color);border-radius:5px;border-style:none;margin-top:3px;padding:.7em 1em;align-content:center;color:#fff;max-height:200px;width:103%;font-size:large;font-weight:700}.contact .form button:hover{background-color:var( --button-hover-color);color:#f0e7db;cursor:pointer}.contact .form #name,.contact .form #email,.contact .form #subject{padding:3px 5px;margin:3px 0 10px;height:38px;border-radius:5px;border-style:none;border:0px;width:100%}.contact .form #message{padding:5px;border-radius:5px;max-width:100%;border-style:none;margin-top:3px}@media only screen and (max-width: 768px){.contact{display:flex;flex-direction:column}.contact .contactform{max-width:100%}}@media only screen and (max-width:360px){.contact .form{width:16.5rem;padding-bottom:1.5rem}.contact .form #message{max-width:16rem}.contact{padding:.1rem 0rem 1.5rem}.contact .contactinfo{max-width:16rem}}.ProjectCard{padding:1rem;width:18rem;text-decoration:none;display:flex;flex-direction:column;flex-wrap:wrap;background-color:#f0f8ff;border-radius:.5em;text-align:start;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;transition:transform .3s ease}.ProjectCard:hover{transform:scale(1.1)}.ProjectCard img{max-width:17rem;border-radius:.5em;margin:auto}.ProjectCard .button{background-color:#3ae22b;border:1px solid black;cursor:pointer;text-align:center}.ProjectCard .projectname{padding-bottom:.5rem;color:#000}.ProjectCard .tech{color:#ac91ea;margin-top:1.5em;margin-bottom:1px}.ProjectCard p{color:#000;margin-top:.5em;text-align:left}.ProjectCard .pce{padding-left:6px}.ProjectCard .project iframe{height:26rem;width:36rem}.ProjectCard .icons{display:flex;justify-content:center;gap:1rem;font-size:x-large;padding-top:20px}.ProjectCard .icons a{color:#000}.ProjectCard .icons a:hover{color:#8a2be2}@media only screen and (max-width:768px){.ProjectCard .project iframe{height:18rem;width:16rem}}.projectpage{text-align:center;padding:0;margin:0;min-height:100vh}.projectpage h1{padding-top:3rem;font-variant:small-caps}.projectpage .projectlist{padding:4rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;background-size:cover}.projectpage input{border:1px solid #ccc;border-radius:5px;padding:5px;width:20rem;height:2rem}.nav{display:flex;flex-direction:row;justify-content:space-between;position:sticky;top:0;width:100%;padding:0;margin:0;background:linear-gradient(to right,var(--bg-color),var(--bg2-color))}.active-link{font-weight:700;border-bottom:2px solid var(--sub-heading-color)}.nav .menu-link{background:transparent}.nav .menu-link ul{display:flex;flex-direction:row;list-style:none;cursor:pointer;justify-content:space-evenly;gap:1rem;color:var(--icon-color);padding-top:10px;font-size:larger}.nav .menu-link ul{justify-content:center;align-items:center}.nav .lightMode,.nav .darkMode{color:var(--icon-color);height:35px;width:35px;padding-top:5px;cursor:pointer}.nav .menu-link a{text-decoration:none;color:var(--icon-color)}.nav .menu-link .home{background:transparent}.nav .logo{color:#e0f4f7;font-family:Georgia,Times New Roman,Times,serif;font-variant:small-caps;padding-top:5px;padding-left:2px;background:transparent}.nav .logo h2 span{font-size:150%;margin-right:0;color:var(--text-color)}.mode{background:transparent}.nav .mobile-menu{background:transparent;display:none}.nav .mobile-menu .activate-cross,.nav .mobile-menu .activate-mobileNavbar{display:none}@media only screen and (max-width: 768px){.menu-link{display:none}.nav .mobile-menu{display:block;color:#fff;font-size:xxx-large}.nav{display:flex;justify-content:space-between}.nav .mobile-menu .deactivate-hamburgerMenu{display:none}.nav .mobile-menu .hamburgerMenu{color:var(--icon-color)}.nav .mobile-menu .crossStyle{color:#000;padding-bottom:3px;margin-top:0;position:fixed;top:-1px;width:227px;transition:left .5s ease}.nav .mobile-menu .mobileMenuStyle{margin-top:2rem;background-color:#fff;padding-top:1rem}.nav .mobile-menu .mobileMenuStyle li{font-size:1.5rem;padding:.8rem 2rem 0rem 0rem;background-color:#fcfeff;color:#000;width:15rem;text-align:center;font-family:Times New Roman,Times,serif;list-style:none}.nav .showMenuPart{margin-top:0rem;background-color:#fff;position:fixed;top:1;right:-25%;width:90%;height:100%;transition:left .5s ease}.nav .hideMenuPart{display:none}.mobileMenuStyle a{background-color:#fff;text-decoration:none}}.footer{margin-top:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:large;background-color:var(--footer-color);width:100vw}.footer .social-link a{color:var(--icon-color)}.footer .social-link ul{list-style:none;display:flex;gap:10px}.footer .social-link{background-color:var(--footer-color)}.ftr-contact .contact-el{font-weight:700}.ftr-contact{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-around;gap:15em;padding:25px;background-color:var(--footer-color);color:var(--text-color)}@media only screen and (max-width:768px){.ftr-contact{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;text-align:center}}