body { 
    margin: 0px; 
    box-sizing: border-box; 
    min-height: 100vh; 
}

:root { 
    font: 10px / 1.3 Verdana, sans-serif; 
}
* { transition: 0.15s ease-out; }

body { 
    background-color:rgb(221, 18, 170); 
    text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
    color: rgb(255, 255, 255); text-align: center; 
}

a { 
    color: rgb(255, 255, 255); 
}

header { 
    margin: 5rem auto; 
    width: 70vw; 
    font-size: 1.4rem; 
}

header h1 { 
    font: bold 8rem / 0.9 "Pirata One"; 
    margin: 0px 0px 2rem; 

}
.wrapper { 
    display: flex; 
    flex-wrap: wrap; 
}

.wrapper div { 
    max-width: min-content; 
}

.wrapper div img { 
    width: 10rem; 
    height: 10rem; 
}   
    
.wrapper div:hover { 
  transform: translateY(-20%); 
  cursor:help;
}

.wrapper { 
    width: 70vw; 
    margin: 0px auto; 
    justify-content: center; 
}

.wrapper div * { 
    margin: 0px; 
    font-weight: normal; 
}

.wrapper div { 
    margin: 0px 2.75rem 3rem; 
}

.wrapper div img { 
    border-width:8px;
    border-style:solid;
    border-image: url("https://i.ibb.co/h1Q3bFn/83-B27704-CEA1-4-B8-F-BF79-90-D624-EDC6-F6.png") 8 fill round; 
    margin-bottom: 1rem; 
}

.wrapper div h2 { 
    text-transform: uppercase; 
    font: bold 2rem / 0.9 "Arial Black", sans-serif; 
    margin-bottom: 0.25rem; 
}

.wrapper div h3 { 
    text-transform: uppercase; 
    font-family: "Arial Narrow"; 
    font-size: 1rem; 
    letter-spacing: 0.05rem; 
    opacity: 0.75; 
    text-shadow: rgb(0, 0, 0) 0.1rem 0.1rem 0.1rem; 
}

@media (max-width: 980px) {
  :root { font: 7px / 1.3 Arial, sans-serif; }
  .wrapper { width: 100vw; }
}

#credit { 
    position: fixed; 
    bottom: 0px; 
    right: 2vw; 
    background-color: rgb(0, 0, 0); 
    padding: 0.5r
}