.content-card{background-color:var(--background-secondary);padding:30px;width:100%}.content-header{font-weight:700;font-size:32px;margin-top:0}@media (max-width:1200px){.content-card{width:auto}}.content-body{a{font-weight:700;text-decoration:none}}.name-titlecard{margin-right:auto;font-weight:700}@media (min-width:801px){.nav-routes-mobile,.nav-routes-mobile-sidebar{display:none}}.nav-routes-mobile-sidebar{position:fixed;z-index:1000;height:100%;width:200px;top:0;right:0;background-color:var(--background-secondary);animation:nav-sidebar-appear .5s;ul{padding:0 0 0 30px;list-style:none}li:not(:first-child),ul{margin-top:30px}}@keyframes nav-sidebar-appear{0%{transform:translateX(300px)}to{transform:translateX(0)}}@media (max-width:800px){.nav-routes-desktop{display:none}}.personal-details-card{min-width:300px;img{width:200px;height:200px;border-radius:50%}hr{margin:20px 0}}.personal-name{font-size:20px;font-weight:700}.personal-about{font-size:15px;font-weight:700}.personal-details{font-size:12px}.personal-primary-button{border:1px solid grey;font-weight:700;display:inline-block;padding:6px;&:hover{border:1px solid #aed8f2}}@media (max-width:1200px){.personal-details-name-and-image{text-align:center}}.socials-list{color:var(--foreground);list-style-type:none;padding:0;li{display:inline;margin-right:10px}}.layout-content{display:flex;gap:100px;padding:50px 60px;max-width:1200px;margin:0 auto}@media (max-width:1200px){.layout-content{flex-direction:column-reverse}}@media (max-width:800px){.layout-content{padding:50px 30px}}