:root{--main-color: #fff2d8;--accent-color: #751c1c}.icon{aspect-ratio:1}.icon--small{width:20px}.icon--medium{width:25px}.filter--invert{filter:invert(100%)}p,h1,h2,h3,div,section{color:var(--accent-color);padding:0;margin:0}h1,h2,h3{font-family:Oswald}p{font-family:Poppins}.app{display:grid;grid-template:1fr / 1fr 3fr}.user__profile{position:relative;min-height:100vh;background:var(--accent-color);padding:20px}.profile__wrapper>*{margin-bottom:20px}.user__detailItem{padding:0 20px}.profile__name{font-size:2.5rem}.profile__name,.profile__description,.link__text{color:var(--main-color)}.link__text{text-decoration:none}.link__text:hover{text-decoration:underline;font-weight:700}.linkItem{margin:5px 0;display:flex;gap:10px;align-items:center}.profile__image{border-radius:50%;overflow:hidden;width:240px;aspect-ratio:1}.profile__image>img{width:100%;height:100%}.profile__wrapper{position:sticky;top:10px}.user__navigation{position:sticky;background:#fff;filter:drop-shadow(0px 10px 5px rgba(0,0,0,.1));top:0;display:flex;width:100%;height:50px}.nav__item{font-weight:700;text-decoration:none;flex:1;border-bottom:3px solid white;display:flex;justify-content:center;align-items:center;text-align:center}.nav__item:hover{cursor:pointer;border-bottom:3px solid var(--accent-color);transition:.5s border-bottom}.record__header{display:flex;gap:10px;align-items:center}.record__header>img{opacity:0;pointer-events:none}.record__header:hover>img{opacity:1;pointer-events:all;cursor:pointer;transition:.5s opacity}.record__heading{font-size:1.25rem}.record__item{margin-bottom:20px}.detail__recordHeader{display:flex;gap:10px;align-items:center;margin-top:10px;border-bottom:3px solid var(--accent-color)}.detail__recordHeader>img{opacity:0;pointer-events:none}.detail__recordHeader:hover>img{opacity:1;pointer-events:all;cursor:pointer;transition:.5s opacity}.detail__heading{font-size:2.25rem}.portfolio__wrapper{padding-bottom:20px;display:grid;grid-template:300px / 1fr 1fr;grid-gap:30px}.portfolio__wrapper>img{width:100%;height:100%}body{margin:0;padding:0}
