body{margin:0;padding:0;background-color:#000}.app{font-family:-apple-system;display:flex;flex-direction:row;justify-content:center;gap:20px;margin:20px;padding:20px}.profile{flex-grow:1;width:50%}.projects{flex-grow:2;width:50%}@media(max-width:768px){.app{flex-direction:column;justify-content:center;align-items:center;gap:0;margin:10px;padding:10px}.profile,.projects{width:100%}}.profile{display:flex;flex-direction:column;align-items:center;color:#fff;gap:20px;margin:20px}@media(max-width:768px){.profile{flex-direction:column;justify-content:center;align-items:center}}.bio{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;border:1px solid #fff;border-radius:10px;padding:10px;margin:10px}img{width:300px;height:300px;border-radius:20%;align-items:center;justify-content:center}@media(max-width:768px){img{width:150px;height:150px}}@media(min-width:768px)and (max-width:1024px){img{width:250px;height:250px}}.projects{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;flex-grow:2;border:1px solid #fff;border-radius:10px;padding:10px;margin:10px}.projects h1{font-size:2rem;font-weight:600;color:#fff;margin:0;padding:0}.project-cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center}@media(max-width:768px){.projects,.project-cards{flex-direction:column;justify-content:center;align-items:center}}.project-card{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:wrap;color:#000;border:1px solid #fff;border-radius:10px;padding:10px;margin:10px;width:300px;height:300px}h3{font-size:1.5rem;font-weight:600;color:#fff;margin:0;padding:0}p{font-size:1rem;font-weight:400;color:#fff}