@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap');

@import url(./resultados.css);
@import url(./notas.css);



:root{
    --fonte-principal: "Hanken Grotesk", sans-serif;

    --cor-fundo-resultado: linear-gradient(
    to bottom,
    hsl(252, 100%, 67%),
    hsl(241, 81%, 54%)
  );
    --cinza-claro: hsl(241, 100%, 89%);

    --fundo-circulo: radial-gradient(
    circle at top,
    hsla(256, 72%, 46%, 1),
    hsla(241, 72%, 46%, 0)
  );
    --cor-texto-subtitulo: hsl(224, 30%, 27%);
}


body{
    font-family: var(--fonte-principal);
    font-weight: 700;
    background: white;
}

@media screen and (min-width:1024px) {
    body {
        min-height: 100vh;
        background: hsl(221, 100%, 96%);
    }

    .card__desktop {
        display: flex;
        margin: 15% auto;
        width: 65%;
        border-radius: 2em;
        background: white;
        box-shadow: 6px 10px 20px rgba(0, 0, 0, 0.08);
    }

    .resultados {
        width: 50%;
        border-radius: 2rem;
    }

    .notas {
        width: 50%;
        padding-left: 1.5em;
      
    }

    .botao__continuar {
        margin-top: 3em;
    }
    
}