.top-bar{text-align:center;background-color:#0000;padding:50px;font-size:36px;font-weight:700}.content{justify-content:center;align-items:center;gap:40px;width:100%;max-width:900px;margin:0 auto;display:flex}.right-side{align-self:flex-start;max-width:50%}.skills{margin-top:20px}.skills h2{margin-bottom:10px;font-size:20px;font-weight:700}.skill-list{text-align:center;flex-flow:wrap;justify-content:center;display:flex}.skill-item{text-align:center;border-radius:5px;flex-direction:column;align-items:center;margin-right:10px;padding:8px;font-family:monospace;font-size:15px;display:flex}.projects{color:#000;background-color:#fff;border-radius:40px;width:fit-content;margin-top:20px;padding:10px;font-family:Rammetto One;font-weight:700}.project-button{cursor:pointer;background:0 0;border:none;font-size:16px;font-weight:700}.socials{z-index:100;gap:20px;display:flex;position:fixed;bottom:30px;right:40px}@media (max-width:768px){body,html{min-height:100vh;height:auto!important;overflow-y:auto!important}.top-bar{margin-bottom:0;padding:20px 10px}.top-bar h1{word-wrap:break-word;line-height:1.2;font-size:32px!important}.top-bar h1:last-child{margin-top:10px;font-size:16px!important}.content{flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;width:100%;height:auto;padding:0 20px 100px}#profileImage{object-fit:cover;border-radius:50%;margin-bottom:20px;width:180px!important;height:180px!important}.right-side{text-align:center;align-self:center;max-width:100%;margin-bottom:20px}.info{padding:0 10px;font-size:14px;line-height:1.6}.skills{width:100%;margin-top:30px}.skill-list{grid-template-columns:repeat(3,1fr);justify-items:center;gap:15px;padding-bottom:20px;display:grid}.socials{z-index:1;justify-content:center;width:100%;margin:20px 0 50px;position:relative;bottom:auto;right:auto}}