body {
    background-color: #ffde00;
    font-family: 'Poppins', sans-serif;;
}

.wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 50vw;
    margin: auto;
    text-align: center;
}

img {
    max-width: 300px;
    margin-top: 3rem;
    margin-bottom: 1rem;
}

h1 {
    font-size: 2rem;
}

.links {
    display: flex;
    justify-content: center;
}

a {
    font-weight: 600;
    padding: 1rem;
    color: black;
    text-decoration:overline;

}

a:hover {
    text-decoration: underline;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

    .wrapper {
        max-width: 90vw;
    }
    
    h1 {
        font-size: 1.25rem;
    }

}