@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;300;400;500;600;700;800&display=swap');

/* CSS Reset
============================================================== */
address, body, button, h1, h2, h3, p, a, ul, li, dt, dd {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    color: inherit;
    vertical-align: baseline;
    text-decoration: none;
}

/* BASE 10
====================================================================== */
html {
    font-size: 62.5%;
}

/* BODY 
====================================================================== */
body {
    height: 100vh;
    padding: 0 2rem;
    font-family: 'Lexend', sans-serif;
}

/* DEFAULTS 
====================================================================== */


/* Section Containers 
====================================================================== */

#wrapper {
    width: 50%;
    background-color: rgba(250,250,250,.9);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
    box-shadow: 0 6px 6px -6px #777;
}

section {
    padding: 3rem;
    
}

section > img {
    width: 100%;
    margin: 0 auto;
    background-color: rgb(245,221,183);
}