@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Ruda:wght@400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import "tailwindcss";

:root {
    --fonte01: "Ruda", sans-serif; 
    --fonte02: "Montserrat", sans-serif;
    --cor01: #1D3C7D;
    --cor02: #FEC635;
    --cor03: #ffffff;
}

 /* Criei a paleta e deixei as fontes já especificadas.*/
body{
    background-color: var(--cor01);
}

nav a {
    font-family: var(--fonte01);
    padding: 10px;
    max-width: 50vh;
}
nav a:hover{
       background-color: rgba(0, 0, 0, 0.192);
       border-radius: 10px;
       color: var(--cor02);
}