/* Reset básico */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
    background-color:hsl(212, 45%, 89%);
    height: 100vh; /* ocupa toda a altura da tela */
    margin: 0; /* remove margens padrão do navegador */
    display: flex;
    justify-content: center; /* centraliza horizontalmente */
    align-items: center;     /* centraliza verticalmente */
}

.container {
    height: auto; /*vertical */
    width: 270px; /*horizontal */
    background-color: rgb(255, 255, 255);
    border: 9px solid white;
    border-radius: 15px;
    
}

.imagem-qr-code{
    width: 255px;
    height: auto;
    text-align: center;
    border-radius: 20px;
    border: 10px solid white;
}

.conteudo {
    height: auto;
    width: 250px;
    text-align: center;
    font-size: 15px;
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    border: 10px solid white;
    border-bottom: 20px solid white;
    color: hsl(218, 44%, 22%);
}
p {
    font-size: 13px;
    color: hsl(216, 15%, 48%);
    border-left: 10px solid white;
    border-right: 10px solid white;
}