@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

/*font-family: 'Poppins', sans-serif;*/


body{
    margin: 0;
}

p, h1, h2{
    font-family: 'Poppins', sans-serif;
    color: #000000;
}

h1, h2{
    text-align: center;
    margin-top: 3em;
    margin-bottom: 2em;

}

p{
    font-size: 18px;
    text-align: justify;
    line-height: 2em;
    margin-left: 7em;
    margin-right: 7em;  
}


.centered-and-cropped { object-fit: cover }

.links{
    display: flex;    
    justify-content: center;
}

.links a{
    text-transform: uppercase;
    color: #444444;
    font-size: 18px;
}

.links a:hover{
    color: #0000ff;
}

/*Definindo efeito do botão*/

.button{
    display: flex;
    justify-content: center;
    margin-top: 8em;
}

.button a{
    text-decoration: none;
    color: #ffffff;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
}

.button button{
    background-color: #000080;
    border: none;
    border-radius: 10em;
    padding: 10px 25px 10px 25px;
}

.button button:hover{
    background-color: #0000CD;
}

/*Estilizando a barra de rolagem*/

body::-webkit-scrollbar {
    width: 12px;   
}
  
body::-webkit-scrollbar-track {
    background: #ffffff;   
}
  
body::-webkit-scrollbar-thumb {
    background-color: #000000;  
    border-radius: 20px;      
    border: 3px solid #ffffff; 
}

/*Definindo footer*/

footer{
    background-color: #111111;
    width: 100%;
    height: 4em;
    margin-top: 4em;
    display: flex;
    justify-content: center;
}

footer p{
    color: #ffffff;
}