.header{z-index:1;top:0;display:flex;justify-content:space-between;align-items:center;padding:20px;transition:transform .4s ease,opacity .4s ease}.logo{padding:5px}.logo a{font-weight:700;text-decoration:none;color:#363333;text-transform:uppercase;font-size:2.5rem}.navbar a{text-decoration:none;color:#292727;font-weight:700;display:inline-block;padding:10px;font-size:1.5rem;transition:all .2s ease}.navbar a:hover{transform:scale(1.1)}@media (max-width: 580px){.header{height:150px;display:flex;flex-direction:column;padding:20px}}@media (max-width: 410px){.header{height:100px}}@media (max-width: 410px){.logo a{font-size:30px}.navbar a{font-size:20px}}.hero{padding:30px;height:500px;display:flex;justify-content:center;justify-content:space-around;align-items:center}.hero img{height:400px;border-radius:50%;object-fit:cover;box-shadow:1px 1px 4px gray}.info{text-align:center}.info h1{font-size:2.5rem}.info p{font-size:1.5rem;text-transform:uppercase}@media (max-width: 580px){.hero{padding:30px;height:600px;display:flex;flex-direction:column;gap:30px;justify-content:center;align-items:center}.hero img{height:350px}}@media (max-width: 410px){.hero{height:450px}.hero img{height:300px}}.about{min-height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px}.about h1{margin-bottom:20px;font-size:2.5rem}.about p{line-height:1.5;font-size:1.5rem;text-align:center;display:block;width:70%}.resume{line-height:1.5;font-size:1.5rem;text-align:center;display:block;width:70%;display:inline-block;transition:all .2s linear}.resume:hover{transform:scale(1.05)}@media (max-width: 580px){.about p{line-height:1.5;font-size:1.5rem;text-align:center;display:block;width:90%;text-align:justify;word-break:break-all}}.projects{justify-content:center;text-align:center;padding-bottom:20px}.projects>h2{display:block;padding:20px;font-size:2.5rem}.cardContainer{padding:20px;display:grid;grid-template-columns:auto auto auto;justify-content:space-evenly;gap:40px}.card{max-width:400px;min-height:500px;padding:30px;background-color:#fff;font-size:1.2rem;border-radius:20px;box-shadow:1px 2px 2px #c4c1c1;transition:all .2s linear}.card:hover{transform:scale(1.02)}.card img{max-width:300px;height:350px;margin-bottom:20px;box-shadow:2px 2px 10px 1px #bbb8b8;border-radius:10px}.card h2{margin-bottom:10px}@media (max-width: 1320px){.cardContainer{padding:20px;display:grid;grid-template-columns:auto auto;justify-content:space-evenly;gap:40px}}@media (max-width: 760px){.cardContainer{padding:20px;display:flex;flex-direction:column;align-items:center;gap:30px}.card{max-width:450px}.card img{max-width:500px}}.btn{color:inherit;padding:5px;font-size:1rem;cursor:pointer;font-weight:700}.contact{height:550px;padding:50px;display:flex;flex-direction:column;font-size:1.5rem;align-items:center}.form-items{display:flex;flex-direction:column;row-gap:30px}.contact>h2{text-align:center;font-size:2.5rem}.form-row{margin-top:20px;display:flex;flex-direction:row;gap:200px}.form-group input{width:400px;padding:10px;font-size:1.2rem;border:none;border-radius:10px}#reason{padding:10px;width:400px;font-size:1.2rem;border:none}.feedback #message{width:500px;height:100px;font-size:1.2rem;border:none}@media (max-width: 1200px){.form-row{margin-top:20px;display:flex;flex-direction:column;row-gap:10px}.feedback #message{width:400px;height:100px;font-size:1.2rem;border:none}.contact{height:600px;padding:50px;display:flex;flex-direction:column;font-size:1.5rem;align-items:center;margin:auto}}@media (max-width: 580px){.form-items{display:flex;flex-direction:column;row-gap:30px;align-items:center}.form-row input{width:300px}#reason{padding:10px;width:300px;font-size:1.2rem;border:none}.feedback #message{width:300px;height:100px;font-size:1.2rem;border:none}}@media (max-width: 410px){.form-row input{width:250px}#reason{padding:10px;width:250px;font-size:1.2rem;border:none}.feedback #message{width:250px;height:100px;font-size:1.2rem;border:none}}.footer{display:flex;height:80px;align-items:center;justify-content:space-between;padding:20px}.footer-text p{font-size:1.2rem}*{padding:0;margin:0;box-sizing:border-box}html{font-family:sans-serif;color:#292727;scroll-behavior:smooth}#portfolioBody{inset:0;z-index:1;width:100%;height:100%;background-color:#fff;background-image:radial-gradient(#e5e7eb 1px,transparent 1px);background-size:16px 16px}