* {
    --main-color: #2A2E51;
    --secondary-color: #5069B4;
    font-family: 'Roboto', sans-serif;
}

.title-color {
    color: var(--main-color);
    font-size: 5em;
}

.p-color {
    color: var(--secondary-color);
}

.image-logo {
    width: 40%;
}

.color-card {
    background: var(--main-color);
}

input {
    background: var(--secondary-color);
}

@media only screen and (max-width: 780px) {
    
    .title-color {
        font-size: 4em;
    }
  .image-logo {
      width: 60%;
  }
}