#about .card img{border-radius:.5em}
#intro .hero{max-width:100%;position:relative}#intro .hero a,#intro .hero a:visited{color:inherit}#intro .hero .hero-body{z-index:10}
.column img.profile{height:13rem}
.row{display:flex;width:"100%"}.row .column{width:"50%"}
@keyframes bump{0%{transform:scale(1)}to{transform:scale(1.015)}}#doodles .controls{display:flex;justify-content:center;z-index:3}#doodles .controls div{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:1rem;height:2rem;justify-content:center;padding:10px;width:2rem}#doodles .controls div:hover{background-color:hsla(0,0%,50%,.2)}#doodles .slider{height:35rem;margin:0 auto;max-height:35rem;overflow:hidden;padding:0;position:relative}#doodles .slider .slide{left:0;opacity:0;position:absolute;top:0;transition:opacity .8s;width:100%;z-index:1}#doodles .slider .slide img{height:30rem;-o-object-fit:contain;object-fit:contain;padding:3rem;transition:transform .5s ease-in-out;width:100%}#doodles .slider .slide img:hover{animation-direction:alternate;animation-duration:.8s;animation-iteration-count:infinite;animation-name:bump}#doodles .slider .slide img.expand{animation:none!important;height:100vh;left:0;position:fixed;top:0}#doodles .slider .slide div{height:1rem;margin-top:1rem;text-align:center}#doodles .slider .showing{opacity:1;z-index:2}
.background{display:block;left:0;max-height:250px;position:absolute;top:0;z-index:0}
#resume{height:11.5in}