@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

body{
    background-image: linear-gradient(90deg, #A3A0F2, #A2AEF2, #A2BDF2, #B6D0F2);
    font-family: 'Open Sans', sans-serif;
    color: black;
}

section{
    min-height: 320px;
    max-width: 480px;
    margin: auto;
    background-color: #F2F2F2;
    padding: 5px 10px;
    border-radius: 10px;
    display: flex;
    box-shadow: 1px 1px 5px #0000003c;
}

div{
    flex: 1;
    margin: 0px 5px;
}

input{
    border: none;
    border-radius: 5px; 
}

#num{
    width: 100px; 
}

h1{
    font-family: 'Roboto Mono', serif;
    font-weight: 400;
    text-align: center;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.198);
}

::-webkit-input-placeholder { /* Alterar o placeholder (Chrome, Safari, Edge) */
    font-size: 10px; /* Tamanho da fonte desejado */
}

footer > p{
    font-size: 0.8em;
    text-align: center;
}