.introduction{position:relative;display:flex;justify-content:center;align-items:center}.introduction-text{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99}.introduction-title{color:#fff;text-shadow:0 0 5px rgba(0,0,0,.5);-webkit-user-select:none;user-select:none;font-size:5rem;white-space:nowrap;animation:introduction-title-in 2s ease-in-out 1 alternate;transition:transform .15s}.introduction-title:hover{transform:scale(1.025)}.introduction-subtitle{font-size:2rem;opacity:1;-webkit-user-select:none;user-select:none;color:var(--forged-yellow);text-shadow:-1px -1px 0 #000,0 -1px 0 #000,1px -1px 0 #000,1px 0 0 #000,1px 1px 0 #000,0 1px 0 #000,-1px 1px 0 #000,-1px 0 0 #000;animation:introduction-subtitle-in 4s ease-in-out 1 alternate;text-align:center}.introduction-image{width:100%;object-fit:cover;max-height:40vh;min-height:150px;opacity:1;box-shadow:0 0 5px #000c;filter:brightness(.9)}@keyframes introduction-title-in{0%{transform:translateY(-15px) scale(.9);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes introduction-subtitle-in{0%{color:#ff0;opacity:0}to{color:var(--forged-yellow);opacity:1}}@media (width <= 1055px){.introduction-title{font-size:3.5rem}}@media (width <= 741px){.introduction-title{font-size:3rem}.introduction-subtitle{font-size:1.5rem}}@media (width <= 637px){.introduction-title{font-size:2.5rem}.introduction-subtitle{font-size:1.5rem}}@media (width <= 533px){.introduction-title{font-size:2rem}.introduction-subtitle{font-size:1.25rem}}@media (width <= 455px){.introduction-title{font-size:170%}.introduction-subtitle{font-size:1rem}}@media (width <= 365px){.introduction-title{font-size:140%}}