body{--bg-color-2:#333;--text-color-1:#fff;--red:#ec3132}.light-mode{--bg-color-2:#f0f0f0;--text-color-1:#000;--red:#ec3132}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}body{background-color:var(--bg-color-2);color:var(--text-color-1);font-family:Roboto,sans-serif}h1{font-family:Catamaran,sans-serif}.crew img{height:300px;width:300px;border-radius:50%;border:3px solid #fff}.crew a{text-decoration:none;color:var(--text-color-1);position:relative}.crew-photo-div:hover::before{visibility:visible;transform:scaleX(1)}.crew .name{text-align:center;font-weight:700;text-transform:uppercase;font-family:Cinzel,serif;font-size:20px}.crew .job-title{text-align:center;font-weight:700}.crew .theme-title{text-align:center}.crew .headshot{align:center}@media only screen and (min-width:770px){.crew-photo-div:before{content:"";position:absolute;width:80%;height:2px;bottom:0;left:10;background-color:var(--text-color-1);visibility:hidden;transform:scaleX(0);transition:all .3s ease-in-out 0s;padding-bottom:3px}}@media only screen and (min-width:770px){.crew .headshot{opacity:.9}.crew .headshot:hover{opacity:1}}.arrow{animation-name:arrow;animation-duration:2s;animation-iteration-count:infinite;position:relative}@keyframes arrow{0%{left:0}50%{left:6px}100%{left:0}}.card{background-color:rgba(236,49,50,.8);box-shadow:5px 5px 8px #000;color:#fff}