body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{background-color:#f3f1e8}header{width:100%}nav{position:fixed;top:0;right:0;left:0;height:70px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background-color:#f3f1e8;color:#af8f64;z-index:10;box-sizing:border-box}.logo-image{height:70px;display:flex;align-items:center}.logo-image img{height:100%;max-height:70px;width:auto;max-width:100%}nav .logo{display:flex;align-items:center;gap:1rem}.contact{color:#af8f64;font-size:22px;font-weight:500;text-decoration:none;background-color:#fff;padding:5px 10px;border-radius:7px;box-shadow:0 2px 5px #af8f6433;transition:transform .3s ease}.contact:hover{animation:shake .5s}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}@media(max-width:600px){nav{flex-direction:column;align-items:flex-start;height:auto;padding:12px}.logo-image{height:auto}.logo-image img{height:50px;max-height:50px}nav .logo{flex-direction:column;align-items:flex-start;gap:.5rem}.contact{font-size:18px;padding:4px 8px}.contact:hover{animation:none}}footer p{overflow:hidden;animation:left_to_right 3s ease}.love{color:red}@keyframes left_to_right_contact{0%{margin-left:-40%}to{margin-left:auto}}#contact-body{padding:20px}#contact-h1{padding:10px;animation:left_to_right_contact 3s ease;text-align:center}footer{text-align:center;padding:20px;background-color:#f3f1e8}.form{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;display:flex;margin-top:100px;align-items:center;justify-items:center;flex-direction:column;padding-left:20%;padding-right:20%;color:#b58165}input{width:100%}textarea{width:100%;height:150px}:placeholder-shown{color:gray;padding:5px}label{align-self:flex-start;padding:10px 0;font-weight:700;text-align:left}button{background-color:#87a105;padding:10px 20px;border-radius:5px;font-weight:700;color:#fff;border:#b58165;margin-top:10px}button:hover{background-color:#fff;color:#87a105;border-color:#87a105;border-style:solid}.banner{background-color:#f5f4ee;color:#af8f64;background-image:url(/assets/banner_background-DEjM5F3K.png);background-repeat:no-repeat;background-size:cover;background-position:center;overflow:hidden;margin:5% 7% 3%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 5% 2rem;box-shadow:5px 5px 5px #ae8e6580;gap:2rem}@media(min-width:768px){.banner{flex-direction:row;align-items:flex-start;gap:3rem}}article{flex:1;max-width:600px;text-align:center;background:linear-gradient(to bottom,#ffffff1a,#ffffff40 30%,#ffffff80 70%,#ffffffb3);font-size:24px;line-height:1.5;border-radius:15px;padding:5px}article h1{text-align:center}article p{color:#9c7e58}@media(min-width:768px){article{text-align:left;font-size:28px}}.side-profile{position:relative;width:200px;height:200px;max-width:100%;flex-shrink:0}@media(min-width:768px){.side-profile{width:250px;height:250px}}.profile-image{background-image:url(/assets/profile_no_background-Chz3hBvZ.png);background-size:cover;background-position:center;width:100%;height:100%;z-index:1}.overlay-gif{position:absolute;top:0;right:10px;width:100%;height:100%;z-index:2;pointer-events:none}#skills-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px auto;width:80%}.skills{background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;padding:10px;margin:10px;border-radius:10px;color:#a07264;font-size:14px;font-weight:700;box-shadow:0 4px 6px #0000001a;transition:transform .2s}.skills:hover{transform:scale(1.05)}.skills img{width:60px;height:60px;margin-bottom:10px}.skills-heading{display:flex;justify-content:center;align-items:center;margin-bottom:20px}#computer{padding-right:10px;width:40px;height:auto}#projects-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px auto;width:90%}.project{background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;margin:10px;border-radius:10px;color:#a07264;font-size:14px;font-weight:700;box-shadow:0 4px 6px #0000001a;transition:transform .2s;flex:1 1 320px;max-width:400px}.project:hover{transform:scale(1.05)}.project img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.project p{max-width:100%}.languages{display:flex;flex-wrap:wrap;gap:10px}.lang-tag{background-color:#dcf2ff;color:#333;padding:5px 10px;border-radius:12px;font-size:14px;white-space:nowrap}.portfolio-heading{display:flex;justify-content:center;align-items:center;margin-bottom:20px}#portfolio-img{padding-right:10px;width:40px;height:auto}h3{font-size:24px;color:#af8f64;text-align:center}a{text-decoration:none}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-wrapper{display:flex;flex-direction:column;min-height:100vh;padding:1rem}@media(max-width:768px){.app-wrapper{padding:.5rem}}