body{
            background-color: black;
            color: white;
            font-family: Verdana, Tahoma, sans-serif;
        }
        /* nav*/
        nav{
            display: flex;
            max-height: 80px;
            justify-content: space-between;
            justify-content: center;
            align-items: center;

        }
        nav img{
            max-width: 50px;
        }
        .nav-left{
            float: left;
        }
        .nav-center{
            margin: 0 auto;
        }
        .nav-right{
            float: right;
        }
        a{
            margin-right: 20px;
            cursor: pointer;
            display: inline-block
           
        }
        a:hover{
            transform: scale(1.2);
            transition: 0.2s ease;
        }
        /* conteudo*/
        #conteudo{
            max-width: 80%;
            margin: 0 auto;
            margin-top: 50px;
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* 2 colunas iguais */
            gap: 90px; /* espaçamento entre as linhas*/
            padding: 40px;

        }
      
        .exp{
            width: 300px;
            height: 180px;
            background-color: rgb(40, 146, 239);
            border-radius: 15px;
            padding: 5px;
            display: grid;
            text-align: center;
            box-shadow: 0 8px 20px rgba(246, 246, 246, 0.356);
            
        }
        .exp p{
            margin-top: -20px;
        }
        .exp button{
            height: 35px;
            width: 90px;
            background-color: rgb(0, 0, 0);
            border-radius: 10px;
            color: white;
            border-color: white;
            margin-top: 25px;
            margin: 0 auto;
        }
        .exp:hover{
            background-color: rgb(28, 110, 181); 
            transition: 0.1s ease;
        }
        .exp button:hover{
            transform: scale(1.1);
            transition: 0.2s ease;
        }
        #creditos {
        text-align: center;
        font-size: 1.5rem;
        margin-top: 100px;
        color: white;
        background: linear-gradient(45deg, #0f0f0f, #111111);
        padding: 40px;
        border-radius: 20px;
        box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.3s ease-in-out;
}