/*           :root {
                --cor-fundo: rgba(235, 231, 42, 0.767);
                --cor-texto: rgb(7, 3, 3);
                --cor-borda: rgb(3, 0, 0);
            }
           body {
                background-color: rgba(235, 231, 42, 0.767);
                font-size: 40px;
                text-shadow: 5px 5px 5px rgb(255, 255, 255);
                font-family: Georgia, 'Times New Roman', Times, serif;
                
            }
           
           
           
            .titulo{
                background-image: url("../06172026_murilo_martins_sitePessoal/_img/banner.jpg");
                text-align: center;
                color: rgb(0, 0, 0);
                font-size: 40px;
            }
            
           .sobre-mim{
                background-color: rgb(253, 252, 252);
                font-size: 40px;
                border: 6px solid rgb(0, 0, 0);



            }
            
           .rodape{

                background-color: rgb(212, 157, 5);
                text-align: center;
                color: rgb(0, 0, 0);

           }
*/
:root {
      --bg: #0f1722;
      --bg-soft: #16202d;
      --surface: rgba(255, 255, 255, 0.08);
      --surface-strong: rgba(255, 255, 255, 0.12);
      --text: #eef3f8;
      --muted: #0505006e;
      --line: rgba(255, 255, 255, 0.12);
      --accent: #5fd1ff;
      --accent-2: #8f7cff;
      --accent-3: #59e0b3;
      --shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
      --radius: 24px;
      --max-width: 1200px;
    }

    /* Remove margens e paddings padrão, e ajusta box model */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    /* Rolagem suave ao clicar em links internos */
    html {
      scroll-behavior: smooth;
    }

    /* Estilo geral do corpo da página */
    body {
      font-family: "Manrope", sans-serif;
      background:
        linear-gradient(180deg, #00000054 0%, #ffffff 50%, #0200007e 100%);
      color: var(--text);
      min-height: 100vh;
      overflow-x: hidden;
    }


    img {
      border-radius: 20px;
      margin: 60px;
    }


            .sobre-mim{
                background-color: rgba(0, 0, 0, 0.959);
                font-size: 30px;
                border: 6px solid rgb(255, 241, 113);
                color: rgb(255, 255, 255);
                font-family: "Playfair Display", serif;
                padding: 40px;
                margin: 20px;
                border-radius: 20px;


            }




             .sobre-mim2{
                background-color: rgba(0, 0, 0, 0.959);
                font-size: 30px;
                border: 6px solid rgb(255, 241, 113);
                color: rgb(255, 255, 255);
                font-family: "Playfair Display", serif;
                padding: 40px;
                margin: 20px;
                border-radius: 20px;


            }


    /* Títulos principais */
    h1, h2, h3 {
      font-family: "Playfair Display", serif;
      line-height: 0.95;
      letter-spacing: -0.03em;
    }

    /* Título principal */
    h1 {
      text-align: center;
      font-size: clamp(3rem, 8vw, 6.5rem);
      margin-top: 1rem;
      max-width: 10ch;
      color: rgb(0, 0, 0);
    }


    /* Rodapé */
    footer {
      padding: 2rem 0 2.6rem;
      border-top: 1px solid var(--line);
    }

    /* Texto central do rodapé */
    .footer-text {
      text-align: center;
      color: var(--muted);
      font-size: 0.95rem;
    }