.hero-photo { position:absolute; right:8%; bottom:32px; width:255px; height:350px; margin:0; border:7px solid var(--paper); border-radius:16px; overflow:hidden; box-shadow:14px 14px 0 var(--orange); transform:rotate(5deg); z-index:2; }.hero-photo img { object-position:center top; }
.hero-photo img,.section-photo,.skills-photo,.goal-photo,.contact-photo { width:100%; height:100%; object-fit:cover; display:block; }
.section-photo { width:210px; height:145px; margin-top:25px; border-radius:12px; box-shadow:9px 9px 0 var(--lime); transform:rotate(-3deg); }
.interests-photo { height:195px; margin:38px 8% 0 auto; max-width:460px; border-radius:14px; overflow:hidden; position:relative; box-shadow:12px 12px 0 var(--lime); transform:rotate(2deg); }.interests-photo figcaption { position:absolute; left:14px; bottom:13px; margin:0; padding:7px 10px; background:var(--paper); border-radius:99px; font-size:.72rem; font-weight:700; }
.skills-layout { position:relative; }.skills-photo { grid-column:1 / -1; width:240px; height:150px; margin:10px 0 0 11%; border-radius:12px; box-shadow:10px 10px 0 var(--orange); transform:rotate(2deg); }
.goal-photo { width:180px; height:118px; object-fit:cover; border:5px solid var(--ink); border-radius:10px; position:absolute; right:11%; bottom:92px; z-index:2; transform:rotate(4deg); opacity:.94; }
.contact { position:relative; }.contact-photo { width:195px; height:125px; border-radius:12px; object-fit:cover; margin:27px 0 -5px auto; box-shadow:-10px 10px 0 var(--blue); transform:rotate(-3deg); }
.cats .explore { opacity:1; }.cats:hover .explore,.cats:focus .explore { opacity:1; }.cats:hover .icon,.cats:focus .icon { transform:scale(1.28) rotate(-4deg); }
@media (max-width:720px) { .hero-photo { width:145px; height:205px; right:22px; bottom:25px; box-shadow:8px 8px 0 var(--orange); }.section-photo { width:170px; height:115px; }.interests-photo { height:145px; margin-right:0; }.skills-photo { margin-left:0; width:190px; height:120px; }.goal-photo { width:135px; height:92px; right:18px; bottom:42px; opacity:.72; }.contact-photo { margin-left:0; width:170px; height:108px; } }