@import url(./font.css);

:root {
    --primary-color: #FF9898;    /* #ae97dc; */
    --primary-color-hover: #ffc6c6; /* #e6d5f3; */
    --secondary-color: #fef0e5;
    --secondary-color-hover: #fff7f1;
    --base-color: #3e2913;
    --white-color: #fff;
    --border-color: #e8e8e8;
    --gray-color: #e8e8e8;
    --gray-color-bland: #fafafa;
}

html {
    font-size: 62.5%; /* 1rem = 10px */
}

body {
    font-family: 'Nunito', sans-serif;
    color: var(--base-color);
    background: #fffef9;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
}

a { 
    text-decoration: none; 
}

ul { 
    list-style: none;
}

/* keyframes */
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}