*{box-sizing:border-box;margin:0;padding:0}:root{--color-brown:#513229;--color-cream:#f4f1e2;--color-blue:#d8ebf9;--color-yellow:#fce6b7;--color-sage:#d7d4b1;--font-caveat-body:"Caveat", cursive}body{background-color:var(--color-cream)}.homeSection{background-color:var(--color-cream);min-height:100vh}.navbar ul{font-family:var(--font-caveat-body);justify-content:center;align-items:center;gap:10px;list-style-type:none;display:flex}ul li{margin-top:10px;padding:10px 20px}li a{opacity:.6;color:var(--color-brown);font-size:22px;text-decoration:none;transition:all .3s}li a:hover,li a:active{opacity:1;text-decoration:underline}#name{font-size:30px;font-weight:bolder}.hero{justify-content:space-between;align-items:center;margin-top:10%;animation:2s forwards fadeIn;display:flex}img{width:700px}.introText{width:fit-content;margin:0 auto;animation:2s forwards fadeIn;overflow:hidden}.line{opacity:.5;color:var(--color-brown);font-size:24px;line-height:1.15;transition:opacity .1s linear;display:block}.name{color:#000;opacity:1;font-size:29px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(10px)}}@media (width<=900px){.homeSection{box-sizing:border-box;padding:0 20px}.navbar ul{flex-wrap:wrap;gap:4px;padding:0}ul li{padding:8px 12px}li a{font-size:20px}#name{font-size:26px}.hero{flex-direction:column;justify-content:center;gap:30px;margin-top:5%}.hero img{width:100%;max-width:450px}.introText{text-align:center;width:100%}.line{font-size:21px}.name{font-size:25px}}@media (width<=480px){.homeSection{padding:0 15px}ul li{padding:6px 8px}li a{font-size:18px}#name{font-size:22px}.hero{gap:20px;margin-top:8%}.hero img{max-width:300px}.line{font-size:18px}.name{font-size:21px}}#aboutSection{flex-direction:column;justify-content:center;align-items:center;width:100%;height:90vh;animation:2s forwards fadeIn;display:flex}.gridDiv{justify-content:space-evenly;align-items:center;gap:30px;width:fit-content;margin-bottom:10px;display:flex}.gridDiv p{font-family:var(--font-caveat-body);font-size:23px}.aboutImg{width:340px;rotate:-2deg;box-shadow:5px 5px 5px #0000001e}@media (width<=900px){#aboutSection{box-sizing:border-box;height:auto;min-height:90vh;padding:40px 20px}.gridDiv{text-align:center;flex-direction:column;gap:20px;width:100%}.gridDiv p{font-size:20px}.aboutImg{width:100%;max-width:300px}}@media (width<=480px){#aboutSection{padding:30px 15px}.gridDiv p{font-size:18px}.aboutImg{max-width:240px}}#projectSection{flex-direction:column;align-items:center;gap:20px;height:90vh;margin:auto 0;display:flex}.headingProject{color:#000;border:8px solid var(--color-brown);background:#fff;padding:20px;font-size:30px;box-shadow:inset 5px 5px 5px #00000036,5px 4px 5px #0000002f}.showcase{margin-top:30px}.projectDiv{justify-content:center;align-items:center;gap:30px;padding:20px;display:flex}.project{background-color:var(--color-sage);border:10px solid #fff;flex-direction:column;justify-content:center;align-items:center;width:fit-content;height:fit-content;padding:20px;display:flex;box-shadow:inset 5px 5px 5px #00000021,5px 5px 5px #00000024}.project p{border-bottom:1px solid var(--color-brown);width:150px;color:var(--color-brown);padding:10px 5px}.projectImg{width:230px}.projectList{line-height:1.15;list-style-type:none}.projectList li{opacity:1;font-size:16px}.projectList li:hover{opacity:.5}.projectList li a{opacity:1;text-decoration-line:underline;text-decoration-style:wavy;-webkit-text-decoration-color:var(--color-brown);text-decoration-color:var(--color-brown);font-size:16px}@media (width<=900px){#projectSection{box-sizing:border-box;height:auto;min-height:90vh;padding:40px 20px}.headingProject{border-width:6px;padding:16px;font-size:26px}.showcase{width:100%}.projectDiv{flex-wrap:wrap;gap:20px;padding:10px 0}.projectImg{width:200px}}@media (width<=480px){#projectSection{padding:30px 15px}.headingProject{border-width:5px;padding:12px;font-size:22px}.projectDiv{flex-direction:column;gap:25px}.project{box-sizing:border-box;border-width:8px;width:100%;max-width:280px}.projectImg{width:100%;max-width:220px}.project p{box-sizing:border-box;width:100%}}#footerSection{background-color:var(--color-sage);justify-content:space-between;align-items:center;width:100%;height:fit-content;margin-top:30px;display:flex}.bgGif{opacity:.6;width:550px}.footerContent{opacity:.8;flex:1;max-width:500px;margin-left:auto;padding-left:0;padding-right:20px}.footerContent h3{margin:0 0 8px;font-size:26px;font-weight:500}.footerContent>p{margin:0;font-size:19px;line-height:1.5}.footerLinks{flex-wrap:wrap;gap:22px;margin:18px 0;padding:0;list-style:none;display:flex}.footerLinks a{color:var(--color-brown);opacity:1;font-size:19px;text-decoration:none;transition:opacity .3s}.footerLinks a:hover{opacity:.7}.copyright{border-top:1px solid #51322940;width:fit-content;margin-left:auto;padding-top:12px;margin-top:15px!important;font-size:15px!important}@media (width<=900px){#footerSection{box-sizing:border-box;text-align:center;flex-direction:column;padding:30px 20px}.bgGif{width:100%;max-width:350px}.footerContent{max-width:100%;margin-left:0;padding-right:0}.footerContent h3{font-size:23px}.footerContent>p{font-size:17px}.footerLinks{justify-content:center;gap:16px}.footerLinks a{font-size:17px}.copyright{margin-left:auto;margin-right:auto}}@media (width<=480px){#footerSection{padding:24px 15px}.bgGif{max-width:240px}.footerContent h3{font-size:21px}.footerContent>p{font-size:16px}.footerLinks{flex-direction:column;align-items:center;gap:12px}.footerLinks a{font-size:16px}.copyright{font-size:13px!important}}