html{font-size:10px;scroll-behavior:smooth}*{box-sizing:border-box;font-family:Roboto,"Oxygen",sans-serif}body{margin:0;padding:0}a{text-decoration:none}.app{display:grid;max-width:100%;min-height:2rem;position:relative}.header{display:grid;grid-template-columns:auto auto;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;position:-webkit-sticky;position:sticky;height:6rem;width:100%;font-size:2.5rem;padding:1rem 1.7rem;top:0;z-index:2;border:.01rem solid #daa520;background-color:#1f2525}.header-name h1{font-size:3rem;color:gold;margin:auto 1.5rem}.navbar{display:grid;width:100%;height:100%}.menu-icon{font-size:3.3rem;color:gold;z-index:5;margin-left:80%;border:1px solid #daa520;width:3.5rem;height:3.3rem}.menu-icon,.menu-menu:hover{cursor:pointer}.navbar>.footer{display:grid;grid-template-columns:auto;height:30rem;width:30rem;margin-left:-16rem;margin-top:2rem;border-radius:2rem;z-index:1}.navbar>.footer .foot{margin-top:1rem}.home{position:relative;height:59rem;max-width:100%;margin:0;display:grid;text-align:center;-webkit-clip-path:margin-box;clip-path:margin-box;background-color:#6666d6}.image{position:absolute;height:100%;width:100%;object-fit:cover;background-repeat:no-repeat;background-size:cover;opacity:.5;z-index:0}.heading-container{width:100%;position:relative;top:30rem}.heading{font-size:2.5rem;margin-top:-2.5rem;max-width:100%;text-align:center;color:gold}.heading-desc{position:relative;top:-7rem;margin:auto;font-size:1.7em;color:#adff2f}.about{position:relative;min-width:10rem;margin:0;border:1px solid #daa520;background:#7839b3;padding-bottom:2rem}.about-par{text-align:center;font-size:1.8rem;color:#fff}strong{color:gold}.my-projects-heading{font-size:2.5rem;color:gold;padding-top:1.5rem}.my-projects{width:100%;margin-top:-1.5rem;background:#40413f;padding:1rem;text-align:center;border:.01rem solid #daa520}.projects{grid-column-gap:3rem;-webkit-column-gap:3rem;column-gap:3rem;grid-row-gap:3rem;row-gap:3rem;min-height:25rem;padding:3rem 0}.project,.projects{display:grid;position:relative}.project{grid-template-rows:1fr auto auto;height:38rem;margin:auto;width:100%;font-size:1.5rem;color:gold;border:.01rem solid #daa520;background-color:#8a2be2;opacity:.8}.project-container{height:27rem;width:96%;margin:1rem auto}.project-image{height:100%;width:100%;display:block;background-size:cover}.project-name{text-align:center;font-size:1.5rem;text-decoration:underline}.links{display:grid;grid-template-columns:auto auto;grid-column-gap:4rem;-webkit-column-gap:4rem;column-gap:4rem;text-align:center;margin-top:-1rem;background-color:#969e9e}.link{padding-top:1rem;padding-bottom:1rem}.link a{color:#ffee06}.connect{display:grid;grid-template-columns:auto;height:20rem;max-width:100%;font-size:1.6rem;border:1px solid;background-color:#1e2222}.connect,.lets{position:relative}.lets{margin:auto;font-size:2rem;padding:0}.lets h3{margin:auto;text-align:center;font-size:2.5rem;color:#9acd32}.all-contacts{display:grid}.contacts-container{width:25%;display:grid;grid-template-columns:auto auto;grid-row-gap:2rem;row-gap:2rem;margin:0 auto}.icon{color:#9acd32;font-size:2.5rem}.link{color:gold;margin-top:-.5rem;margin-left:1rem}.footer{display:grid;grid-template-columns:repeat(4,auto);font-size:1.7rem;position:relative;height:10rem;width:100%;border:.01rem solid #daa520;background-color:#000}.footer-about,.footer-home,.footer-projects{margin:3.3rem auto}#footer .anchor{color:#adff2f}@media (min-width:515px){.icon-container{display:grid;grid-template-columns:auto auto}}@media (min-width:750px){.header{height:7rem}.header-name h1{font-size:4.8rem;margin-top:-.1rem;margin-left:5rem}.navbar{position:fixed;width:50%;height:5rem;margin-left:60%;z-index:3;top:0}.navbar>.footer{display:grid;grid-template-columns:repeat(4,auto);font-size:2rem;grid-column-gap:4rem;-webkit-column-gap:4rem;column-gap:4rem;background:none;border:none;height:inherit;width:inherit;margin-left:-5em;top:-4px}.header-menu{display:none}.heading{font-size:4rem}.heading-desc{font-size:1.8rem;top:-5rem}.projects{grid-template-columns:auto auto;grid-row-gap:3rem;row-gap:3rem;padding:3rem}.connect{grid-template-rows:auto}.all-contacts{grid-template-columns:auto auto auto}.contacts-container{grid-column-gap:.1rem;-webkit-column-gap:.1rem;column-gap:.1rem;margin-top:-1rem;grid-template-columns:auto auto}.gmail-icon,.linkedin-icon,.phone-icon{margin-top:-.5rem}.link-container a{margin-top:1rem}}@media (min-width:1000px){.navbar{margin-left:67%}.projects{grid-template-columns:repeat(3,1fr);grid-row-gap:3rem;row-gap:3rem}}
/*# sourceMappingURL=main.8050cf70.chunk.css.map */