html {
  font-family: "Inter", sans-serif;
  font-size: 13px;
}

@supports (font-variation-settings: normal) {
  html {
    font-family: "InterVariable", sans-serif;
    font-optical-sizing: auto;
  }
}

.message.is-info .message-header {
    background-color: #006699;
    color: white;
}

.message.is-info .message-body {
    background-color: #f7faff;
    color: #006699;
}

body {
  caret-color: transparent;
}

input,
textarea,
[contenteditable="true"] {
  caret-color: auto;
}

body {
/*
  background-image: url("gradient2.svg");
  background-repeat: no-repeat;
  background-size: cover;
*/
  min-height: 100vh;
}

.section {
    padding-top: 1rem;
}

html, body { overflow-y: auto; }

.container.is-max-tablet {
  max-width: 600px;
}

.message .message-header, .message .message-body {
    padding: 0.5rem 0.5rem;
 }

.hover-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hover-card:hover {
    transform: translateY(-5px);
}

.input {
    border-color: #969696;
}

.button {
    border-color: #969696;
}

/*
* { outline: 1px solid rgba(255,0,0,0.15); }
*/