/* styles.css */

.h-screen {
    height: screen; /* altura da tela inteira */
}
  
.w-screen {
width: 100vw; /* largura da tela inteira */
}

.h-80 {
    height: 20rem /* 320px */;
}

.w-80 {
    width: 20rem /* 320px */;
}

.rounded-full {
    border-radius: 9999px;
}

.overflow-x-hidden {
overflow-x: hidden; /* esconder overflow horizontal */
}

.bg-gradient-to-b {
background: linear-gradient(to bottom, #38B2AC, #FFFFFF 50%);
}

.from-emerald-500 {
    --tw-gradient-from: #10b981 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-white {
    --tw-gradient-to: #fff var(--tw-gradient-to-position);
}

/* Estilos específicos para o cabeçalho */

.flex {
    display: flex;
}

.w-\[100dvw\] {
    width: 100dvw;
}

.h-\[20vh\] {
    height: 20vh;
}

.justify-between {
    justify-content: space-between;
}

.justify-center {
    justify-content: center;
}

.justify-around {
    justify-content: space-around; /* distribuir espaço ao redor */
}

.content-center {
    align-content: center;
}

.items-center {
    align-items: center; /* centralizar itens verticalmente */
}

.font-semibold {
    font-weight: 600; /* peso da fonte semi-negrito */
}

.ml-4 {
    margin-left: 1rem; /* margem à esquerda */
}

/* Estilos para imagens */

.rounded-full {
    border-radius: 50%; /* borda arredondada para imagem circular */
}

/* Estilos para texto */

.text-3xl {
    font-size: 1.875rem; /* tamanho de fonte 3xl */
}

.text-xl {
    font-size: 1.25rem; /* tamanho de fonte xl */
}

.text-2xl {
    font-size: 1.5rem; /* tamanho de fonte 2xl */
}

.text-5xl {
    font-size: 3.125rem; /* tamanho de fonte 5xl */
}

.text-center {
    text-align: center; /* alinhar texto ao centro */
}

/* Estilos para margens e espaçamento */

.mt-20 {
    margin-top: 5rem /* 80px */;
}

.ml-7 {
    margin-left: 1.75rem /* 28px */;
}

.ml-14 {
    margin-left: 3.5rem /* 56px */;
}

.mt-7 {
    margin-top: 1.75rem /* 28px */;
}

.mr-14 {
    margin-right: 3.5rem; /* margem à direita */
}

.mb-7 {
    margin-bottom: 1.75rem /* 28px */;
}

/* Estilos específicos para a formação e experiência */

.font-mono {
    font-family: monospace; /* estilo de fonte monoespaçada */
}

.align-middle {
    vertical-align: middle; /* alinhar verticalmente ao meio */
}