body{background-color:#eee}h1{margin-block:auto}h2,p{margin-inline:10px}.layout{max-width:700px;margin:0 auto}.sidebar-container{display:flex;align-items:center;justify-content:center}.photo-container{width:100px;height:100px;position:relative;margin:10px}.title-container{margin-inline-end:10px;margin-block:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.image{position:absolute;width:100%;object-fit:cover;opacity:1;transition:all 1s ease-in-out;border-radius:50%}.logo{opacity:0}@keyframes rotateSwap{0%{transform:rotate(0);opacity:1}50%{transform:rotate(180def);opacity:1}to{transform:rotate(360def);opacity:0}}.photo-container:hover .profile{transform:rotate(360deg);opacity:0}.photo-container:hover .logo{transform:rotate(360deg);opacity:1}.icon{display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-size:100% 100%}.icon-linkedin{background-image:url(https://api.iconify.design/bi/bell-fill.svg)}.icon-github{background-image:url(https://api.iconify.design/carbon/edit-off.svg)}.title-logo{width:100%;transition:transform .3s}.title-logo:hover{transform:scale(1.1)}.title-row{display:flex;align-items:center;justify-content:center;flex-grow:1}.icon-anchor{flex-grow:1;width:24px;height:24px;margin-inline:1px}.separator{margin-top:0}hr{border:none;border-top:2px solid #333;color:#333;overflow:visible;margin-top:0;text-align:center;height:1px;border:0;width:90%;background:linear-gradient(to right,#fff,#000,#fff)}.clickable-card{display:block;max-width:400px;margin-inline:auto;overflow:hidden;text-decoration:none;color:#000;border:1px solid;border-radius:10px;text-align:center;justify-content:center;box-shadow:#00000059 0 5px 15px}.card-image-container{position:relative;margin:auto;width:80%}.card-image{object-fit:contain;width:100%;border-radius:10px}.language-emoji{width:25px;position:absolute;top:10px;right:10px}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;justify-content:center}